我想将div彼此相邻放置。我不知道div的数量,因为它是动态创建和更改的。我想有一个父div,如果有很多子div(其宽度大于父div),它将具有滚动条。
这是jsFiddle示例。因此,基本上,我希望所有这三列彼此相邻并在父div底部具有滚动条。
HTML:
<div class="content">
<div class="column">Column</div>
<div class="column">Column</div>
<div class="column">Column</div>
</div>
CSS:
content {
width: 100px;
background- color: #355E95;
overflow: visible;
}
.column {
width: 50px;
display: inline-block;
}
添加white-space:nowrap
到您的父div。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句