0

テキストを div (垂直および水平) の中央に配置しようとしていますが、bootstrap3 グリッド システムを使用しているため、適切な答えが見つからないようです。私が見つけたほとんどの回答には、テーブルが必要です。

ここに私のマークアップがあります:

<div class="row">

    <div class="col-xs-4">
        This is the text that I want to center...
    </div>


    <div class="col-xs-4">
        This is the text that I want to center...
    </div>


    <div class="col-xs-4">
        This is the text that I want to center...
    </div>

</div>
4

3 に答える 3

1 
<div class="row">

    <div class="col-xs-4 text-center" style="vertical-align: middle;">
        This is the text that I want to center...
    </div>


    <div class="col-xs-4 text-center" style="vertical-align: middle;">
        This is the text that I want to center...
    </div>


    <div class="col-xs-4 text-center" style="vertical-align: middle;">
        This is the text that I want to center...
    </div>

</div>
于 2013-11-13T18:33:57.940 に答える
0

2013 年には、絶対センタリング方式の使用を検討する必要があります。

CSS に追加します。

.hv-center-wrap {
  position: relative;
}

.hv-center {
  position: absolute;
  overflow: auto;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  height: 500px; /* height must be set to work, percentages will work */
}

.hv-center水平方向と垂直方向の両方のセンタリングが必要な要素にクラスを追加します。次に、要素を外側の div でラップし.hv-center-wrapます。

（vertical-align: middleテキストを垂直方向に中央揃えにしません。これは特定の要素でのみ機能し、div では機能しません。）

于 2013-11-13T18:47:30.523 に答える