如何并排排列许多<div>元素而没有包装</div>

时间:2012-04-22 15:34:34

标签: html css css-float

容器div中有三个div元素,宽度小于子总数 宽度。 Here你可以找到案件的小提琴:

我想让容器div水平滚动以显示其他孩子。

如何安排孩子不要在容器div内包装? 它现在垂直滚动,我希望它水平滚动。

3 个答案:

答案 0 :(得分:37)

float: left更改为display: inline-block;并将white-space: nowrap添加到容器中。

答案 1 :(得分:3)

滚动div中需要另一个div,其总宽度等于其子项的所有宽度。

请参阅:http://jsfiddle.net/joshdavenport/SasDh/2/

那里已经有一个额外的div所以我用了那个

奖励:要删除垂直滚动条,请使用overflow-y: hidden。请参阅:http://jsfiddle.net/joshdavenport/SasDh/3/

答案 2 :(得分:0)

<span>标记用于对文档中的内联元素进行分组 (source)