彼此相邻,大小,没有换行符

Question

我想要很多小的div-s彼此相邻,没有换行符:

<div style="overflow: scroll;">

<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>

</div>

问题是,宽度有效,但是如果溢出它会转到新行,所以不要水平滚动.

Answer 1

您可以使用white-space&实现此目的display:inline-block;.像这样写:

.parent{
 white-space:nowrap;
overflow:scroll;
}
.parent > div{
 display:inline-block;
 white-space:normal;
}

检查这个http://jsfiddle.net/EUtLh/