html - 彼此相邻的 div，具有大小，没有换行符

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/