相关疑难解决方法(0)

我想知道是否存在一种优雅的方法来水平对齐3 divs 而不使用 float css属性.

HTML:

<div id="parent">  
  <div id="first">Left</div>  
  <div id="second">Middle</div>  
  <div id="third">Right</div>
</div>

我问这个问题是因为父母div没有float属性并且添加float到子节点会导致页面大小调整问题.

我想要一个列可以水平滚动的行:

如您所见,该行是外部块(带填充).在它的内部,有列,每个都有一些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>

但是一旦它们无法放入行中,列就会换行.我怎样才能做到这一点？

谢谢.