停止将HTML元素浮动到下一行

时间:2012-04-16 17:10:47

标签: javascript html css

我正在构建一个专为大量动态数量的div元素(每个都有自己的宽度)而设计的网站,但它们不是沿着页面向下移动,而是横向移动。但是,当组合宽度的项目数大于容器div时,它会自动下降到下一行。反正有没有阻止这种情况发生,并允许水平滚动(通过脚本而不是溢出条)?

1 个答案:

答案 0 :(得分:14)

不要将它们浮动,而是将它们设置为display:inline-block;。将包含元素设置为overflow:hidden;,然后您可以使用脚本通过任意数量的方式滚动它们,例如调整第一个元素上的边距,或将它们包装在另一个元素中并更改{{1} }属性(如果你走这条路线,你需要设置left。)

修改:您还需要设置position

看到这个工作小提琴:http://jsfiddle.net/D8bea/