我想要一行可以水平滚动的列:
如您所见,该行是外部块(带有填充)。在其中,有一些列,每个列都有一些span*
类,例如span3
. 而且由于所有列都不适合该行,因此滚动条位于底部。
这是我尝试做的(使用内联css),到目前为止还没有运气。
<div class="row">
<!-- the parent element which will have scrollbar -->
<div class="span12" style="white-space: nowrap; overflow-x: auto;">
<div class="row">
<div class="span3" style="display: inline-block;">content here</div>
<div class="span3" style="display: inline-block;">content here</div>
<div class="span3" style="display: inline-block;">content here</div>
...
<div>
</div>
</div>
但是,一旦它们无法放入行中,列就会自动换行。我怎样才能做到这一点?
谢谢你。