我正在构建一个网站,该网站旨在显示许多动态数量的 div 元素(每个元素都有自己的宽度),但它们不是沿着页面向下移动,而是水平移动。但是,当合并宽度大于容器 div 的项目数时,它会自动下降到下一行。有没有办法阻止这种情况发生,并允许水平滚动(通过脚本而不是溢出栏)?
问问题
8097 次
1 回答
14
而不是浮动它们,将它们设置为display:inline-block;
. 将包含元素设置为overflow:hidden;
,然后您可以使用脚本通过多种方式滚动它们,例如调整第一个元素的边距,或将它们包装在另一个元素中并更改left
属性(您需要设置position
如果你走这条路)。
编辑:您还需要设置white-space:nowrap
看到这个工作小提琴:http: //jsfiddle.net/D8bea/
于 2012-04-16T17:13:39.330 回答