一个CSS的问题,如何让容器内元素纵向浮动排列?

2012-12-14 17:34:29 +08:00
 zhangxiao
有一个高宽固定的容器,比如 宽x高=800x200;
有数个高宽固定的元素,比如每一个的 宽x高=100x40,个数不定,尺寸一致;
怎么让所有的元素在容器内“纵向优先”填充?也就是说先竖着排,5个就排到了容器底部,于是第6个回到了容器顶部,出现在在(100,0)的地方
4621 次点击
所在节点    问与答
4 条回复
NemoAlex
2012-12-14 17:58:59 +08:00
无解
绝对定位用 Javascript 来排省事一点
catfan
2012-12-14 20:45:53 +08:00
每5个元素用一个div包含,然后div向左浮动。

wrap自行清除浮动吧

.column {
float: left;
}

<div class="wrap clearfix">
<div class="column">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="column">
<div class="item"></div>
<div class="item"></div>
.....
</div>
</div>
loading
2012-12-14 21:08:29 +08:00
先横着排,然后,转
gucheen
2012-12-14 22:13:13 +08:00
跟楼上的想法差不多,横排好,转,然后把里边的内容转回来

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/54913

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX