1

TwitterBootstrapGridシステムでコンテンツを垂直方向に中央揃えする方法が見つかりません。http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

例えば

<div class="row">
  <div class="span4" style="height:50px;min-height: 50px;">My centered object vertically</div>
</div>

span4 divのオブジェクトは、常にdivの先頭にあります。親と子のDivを付けようとしましvertical-align: middle;たが、役に立ちません。

4

1 に答える 1

1

行の高さまたはパディングを使用してください...

行の高さについては、このように、

.line-height { line-height:30px; }

<div class="row">
  <div class="span4 line-height">My centered object vertically</div>
</div>

このようにパディングの場合、高さ50pxからパディングを差し引いたものは、paddingtop + height + paddingbottom = 50px、

.padding { height:30px; padding:10px 0; }

<div class="row">
  <div class="span4 padding">My centered object vertically</div>
</div>
于 2013-03-22T08:12:27.757 に答える