我有一个div“容器”,比如400px宽度,里面有一个左浮动的div – “Box”100px宽度.有六个“盒子”div,所以它们的汇总宽度大于400px,这导致div行被包裹,我得到两行,每行有4和2个元素.如何让这6个div成为一行,一行而不是两行？
最佳答案
你只需要使用white-space：nowrap在父元素上,并在子节点上使用display：inline-block. Live demo here (click).
CSS：
.container {
width: 400px;
background: black;
white-space: nowrap;
overflow: scroll;
}
.container > div {
height: 50px;
width: 100px;
background: #555;
display: inline-block;
margin: 10px;
}
原文链接：https://www.f2er.com/css/427169.html