2

我想要很多小 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>

问题是，宽度有效，但如果溢出它会转到新行，所以没有水平滚动。

4

4 回答 4

8

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

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

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

于 2012-07-17T09:01:49.730 回答
1

放置这些 div 的一般容器的宽度需要设置为“宽度：100%”，以便我可以适应不断增长的大小。

于 2012-07-17T08:56:54.007 回答
1

这是给你的脚本。

不确定这是否正是您想要的。

http://jsbin.com/anoran/edit#javascript,html

更新：

http://jsbin.com/anoran/2/edit

于 2012-07-17T08:58:41.083 回答
1 
<div style="overflow-x: scroll; width:100%|400px">
    <div style="width:10000px">


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


    </div>
</div>

在铬中工作！

于 2012-07-17T09:10:48.987 回答