8

HTMLセンタータグのDIVスタイルとは？

4

6 に答える 6

3

HTML:

<div id="something">
Content goes here.
</div>

そしてCSS：

#something
{
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}
于 2012-08-18T14:28:03.497 に答える
2

直接同等のものはありません。タグは、<center>それを含むテキストだけでなく、ブロック要素も中央揃えにします。それぞれを個別に模倣できますが、同時に模倣することはできません。

インライン/インライン ブロック コンテンツ (テキスト、画像、ビデオなど) を中央に配置するには、div またはその他のブロック要素に次のコードを適用します。

.center {
  text-align: center;
}

ブロック要素自体をセンタリングするには、次を使用します。

.blockcenter {
  width: 200px;
  margin: 0 auto;
}

明らかに200px、ブロックの希望の幅と0、上/下の余白を任意の値に置き換えます。また、通常は、要素の表現ではなく、要素を説明するクラス名を使用する必要があることに注意してください。

于 2012-08-18T21:17:46.737 に答える
2

margin: auto;を中央に配置するために使用するだけですdiv。技術的には、内部/組み込みか外部かは問題ではありません。

ただし、以下のコメントが指摘しているように、これはインライン要素では機能しません。

前述のようにtext-align: center;、要素内のテキストを中央に配置するために使用されます。

于 2012-08-18T22:32:15.083 に答える
0

ページの中央に div タグを配置するには、次のコードを使用します。コンテンツ div 内でテキストを中央に配置する場合はtext-align:center;、#content ID スタイルに追加します

​#wrapper{
    background:#444;
}
#content{
    width:960px;
    margin:0 auto;
    background:whitesmoke;
}​

​&lt;div id="wrapper">
<div id="content">test</div>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
于 2012-08-18T21:24:48.650 に答える