禁用y-滚动元素，将子元素设置为显示:内联块
禁用y-滚动元素，将子元素设置为显示:内联块
提问于 2015-01-14 18:48:25
假设我有一个家长和一群孩子
<div id="container">
<div class="child">stuff</div>
<div class="child">stuff</div>
<div class="child">stuff</div>
<div class="child">stuff</div>
<div class="child">stuff</div>
<div class="child">stuff</div>
etc.
</div>如何使子div水平排列(inline-block)并禁用溢出y滚动条，同时强制子div继续生成左-右滚动条？
http://jsfiddle.net/cpofvohr/
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-01-14 18:50:53
您需要将white-space: pre或white-space: nowrap添加到#container中以防止包装。
更新Fiddle
var div = document.getElementById("container");
for (i = 1; i < 40; i++) {
var div2 = document.createElement("div");
div2.className = "child";
var text = document.createTextNode(i)
div2.appendChild(text);
div.appendChild(div2);
}.child {
background-color: #D8D8D8;
height: 375px;
width: 30px;
margin: 3px;
display: inline-block;
}
#container {
width: auto;
min-width: 100px;
max-height: 400px;
overflow-x: scroll;
position: relative;
min-height: 100%;
white-space: pre;
}<div id="container"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27950289
复制相关文章
相似问题
腾讯云开发者
