css - マージンオートを使用して、divを垂直方向と水平方向の両方に中央揃えします

Question

マージンオートを使用してウィンドウの中央にブロックを表示しようとしています。

私のコードは

<div class="centre-element"> This box is coming at the center of the window. </div>

CSS

.centre-element{
    width: 200px;
    height: 100px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

これは、IE7を除いて、テストしたすべてのブラウザーで機能します。これについて何か助けはありますか？

助けに感謝します。

score 2 · Accepted Answer

divを使用して垂直方向の中央に配置することはできませんがmargin: auto、これを試すことができます。

.centre-element {
  top: 50%;
  margin-top: -50px; /* height/2 */
}

編集：

次に例を示します：http： //jsfiddle.net/ZD432/

score 0 · Accepted Answer

0

.centre-element{
   width: 200px;
   height: 100px;
   margin: auto;
   padding: auto;    
}

于 2013-02-08T10:13:36.180 に答える

2 に答える 2