Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
有一个宽度为 500 像素,高度为 50 像素的 Div。在这个 Div 里面有很多(比如 50 个)宽度为 50px 和高度为 50 px 的小 Div。现在我想要一个水平滚动而不是垂直滚动。我如何强制那些小 div 水平溢出而不是垂直溢出
小div的数量也可以改变。
将以下 CSS 分配给外部DIV:
DIV
white-space: nowrap; overflow-x: scroll;
请参阅this fiddle的示例。
尝试将子 div 设置为display: inline-block,然后将父 div 设置为white-space: nowrap。
display: inline-block
white-space: nowrap
希望有帮助:)
主 div 样式定义
float : left; overflow : scroll;