0

<p>要素内に2 つの要素があり<div>、それらを要素の中央に配置したいと考えてい<div>ます。例えば

<div id="mydiv">
   <p class="above">some text</p>
   <p class="below">other text</p>
</div>

注:<div>要素自体はブラウザ ウィンドウの中央に配置されていないため、<p>要素の配置は相対的なものにすぎません。

4

4 に答える 4

1 
text-align: center;

テキスト用。

margin: 0 auto;

divのようなブロックレベルの要素の場合。

于 2012-08-15T05:58:15.623 に答える
1

編集:

次の css ルールを追加します#mydiv

display:table-cell;
vertical-align:middle;

このような 

#mydiv{
    position:relative;
    border:1px solid #000;
    width:400px;
    height:300px;

    display:table-cell; /* Added rule - Note: IE8+, Firefox, Chrome, Opera, Safari */
    vertical-align:middle; /* Added rule */
}

#mydiv p{
    text-align:center;
}​

更新されたデモ

于 2012-08-15T05:56:31.110 に答える
0 
text-align: center;

それは私のために働いた。

于 2012-08-15T05:55:42.453 に答える
-1

試してみてください。

margin-left:auto;
margin-right:auto;

あなたにp

ライブデモはこちら

垂直方向と水平方向の両方を中央揃えにしたい場合は、Dead Centerを試すことができます

これは、垂直方向と水平方向の両方でdivをセンタリングするデモです

于 2012-08-15T05:54:25.040 に答える