1

これは、私には非常に単純な問題のように思えますが、自分で理解することはできません。h285% に維持したい要素があり、それには短いテキスト行が含まれています。divテキストをh2要素の中央に配置するだけでなく、それを含む の中央に配置したい。ここにいくつかのコードがあります：

<div class="main">
  <div class="secondary">
      <h2>Three words of text</h2>
  </div>
</div>

CSS:

div.main{
  text-align:center
}
div.secondary{
  text-align:center
}
h2{
  text-align:center
  width:85%
}

フィドルも作りました

助けてくれる人に感謝します。

4

3 に答える 3

2

まず、プロパティにセミコロンがありません。これにより、css パーサーは残りのプロパティの解析をスキップします。

一方、これを行うにはいくつかの方法がありますが、既に幅が固定されているので、これを試してください。

h2 {
  text-align:center;
  width:85%;
  margin: 0 auto;
}
于 2013-07-29T02:00:27.070 に答える
1

追加：

margin: 0 auto;

h2 スタイル ルールに。

http://jsfiddle.net/wF57b/1/

于 2013-07-29T01:59:37.277 に答える
0

text-alignプロパティは、コンテナ内のテキストを中央揃えにします (この場合は) h2。

テキスト自体を揃える必要はありませんが、h2コンテナーを揃えます。したがって、 を使用する代わりに、 を使用text-align: center;する必要がありますmargin: auto。これが更新された jsFiddle です。

于 2013-07-29T02:03:10.473 に答える