一个容器 div 中有三个并排的 div 元素,宽度小于子元素的总宽度。在这里你可以找到案例的小提琴:
我想让容器 div 水平滚动以显示其他孩子。
如何安排孩子不要包裹在容器 div 内?它现在垂直滚动,我希望它水平滚动。
更改并添加float: left
到容器。display: inline-block;
white-space: nowrap
您需要div
在滚动div
中的另一个总宽度等于其子项的所有宽度。
见:http: //jsfiddle.net/joshdavenport/SasDh/2/
那里已经有一个额外的div
所以我用了那个
奖励:要摆脱垂直滚动条,请使用overflow-y: hidden
. 见:http: //jsfiddle.net/joshdavenport/SasDh/3/
标签用于对文档中的<span>
内联元素进行分组。
(资源)