2

再びcssレイアウトについて：

#container{
width:979px;
height:590px;
margin-left:auto; //works
margin-right:auto; //works
margin-top:auto; //doesn't work
margin-bottom:auto; //doesn't work
}

ということで #container を画面中央に配置したいと思います。
私も試しました: margin:auto - 結果なし。

4

8 に答える 8

2

または多分あなたはこの解決策を使うことができます：

<div class="container">
    <div class="block">
        <p>Hello world, i'm a vertical align div !</p>
    </div>    
</div>

div.bloc { 
    display:inline-block;
    vertical-align:middle;
}
于 2012-07-20T15:27:19.463 に答える
2

css で行う場合は、手動でパディングして設定する必要があります。または、動的にしたい場合は、次のような JavaScript を記述する必要があります。

var a = window.outerHeight;
var b = $('#id of div').height();
var c = (a-b)/2;
$('#id of div').css("margin-top",c);
于 2012-07-20T15:29:25.803 に答える
2

次のようなものはどうですか：

#container{
width:979px;
height:590px;
position:absolute;
left:50%;
top:50%;
margin:-295px 0 0 -490px;
}
于 2012-07-20T15:29:51.407 に答える
1

あなたは垂直方向のセンタリングを探していると思います、それを行う方法についてのブログがあります。お役に立てば幸いです。

于 2012-07-20T15:27:47.143 に答える
1

あなたはmargin-top:50%;それで成功するかもしれません。

于 2012-07-20T15:24:02.933 に答える
0

コンテナを画面の中央に配置したいだけの場合。これを試して

CSS：

html, body { margin:0; padding:0; }

#container{
width:979px;
height:590px;
margin:0 auto;
}

HTML

<div id="container">
Data goes here
</div>

お役に立てれば

于 2012-07-20T17:12:21.013 に答える