我正在构建一个网站，该网站旨在显示许多动态数量的 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 回答