<分区>
我目前在容器 div 中设置了 div，如下所示:
<div id="container">
<div id="element"> Element 1 content </div>
<div id="element"> Element 2 content </div>
<div id="element"> Element 3 content </div>
<div id="element"> Element 4 content </div>
</div>
样式.css:
.container {
width:200px;
overflow-x:auto;
overflow-y:hidden;
}
.element {
width:100px;
float:left;
}
这是代码的 jsFiddle:http://jsfiddle.net/vZWTc/ .
因此，我希望每个元素彼此相邻排列(一行中全部 4 个)，但只有前两个可见(容器为 200 像素，每个元素为 100 像素，因此只有 2 个可见一次)，而用户可以(水平)滚动到第 3 和第 4 个元素(因为它们不太重要)
但是，通过这种设置，元素 3 和 4 换行到下一行
用 white-space:nowrap 更新容器类没有任何作用。这只会影响文本，显然不会影响 div。
有什么想法吗？提前致谢!