0

<span class="span4 offset4">テンプレートを使用してクラスにテキストを挿入しています。
cssで使用 text-align: centre;しましたが、テキストが中央に配置されていません。
divの左側にプッシュされます。
テキストを入れるときにdivの背景にも色を付けるので、これを見ることができます。
メッセージをタグでラップしようとしました<p>が、何もしていません。

私が間違っていることを教えてもらえますか？

<p>{{= message }}</p>

html

<div class="row">
  <span class="span4 offset4"></span>
</div>

css

.span4.offset4
{    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    min-height: 25px;
    text-align: centre;     
}
4

3 に答える 3

3

それcenterは、ではありませんcentre。さらに、display: inline要素は。では機能しませんtext-align。スパンdisplay: blockか何かを作ります。

于 2013-02-14T05:57:42.210 に答える
2

text-align:center行クラス内の親divに渡します。

于 2013-02-14T05:59:53.967 に答える
1

これらの行をcssに追加してみてください

//to define size of div
.row
{
width:30%;
}

次に、これらの行を.span4.offset4に追加します

margin:auto auto;
于 2013-02-14T05:59:11.973 に答える