top*_*erg 4 html javascript css
我正在构建一个设计用于显示多个动态数量的div元素(每个都有自己的宽度)的站点,但它们不是沿着页面向下移动,而是水平移动.但是,当组合宽度的项目数大于容器div时,它会自动下降到下一行.反正有没有阻止它发生,并允许水平滚动(通过脚本而不是溢出条)？
Chr*_*ski 14
而不是浮动它们,将它们设置为display:inline-block;.将包含元素设置为overflow:hidden;,然后您可以使用脚本滚动它们通过任意数量的方法,例如调整第一个元素上的边距,或将它们包装在另一个元素中并更改left属性(您需要设置position如果你走这条路)
编辑:你还需要设置 white-space:nowrap
看到这个工作小提琴:http://jsfiddle.net/D8bea/
| 归档时间： |
|
| 查看次数： |
7795 次 |
| 最近记录： |