0

最初から、stackoverflowに関する長年の解決策や同様の質問を探していますが、誰も私のために働いていません。

これがjsFiddleです：http：//jsfiddle.net/ruudy/MJe3H/

マテリアルコンテナを垂直方向に中央揃えにしたいのですが、水平方向にしか機能しません。

私は次のようなさまざまな解決策を試しました：

top: 0px;
bottom: 0px;
margin: auto;

display: -moz-box;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-align: center;
display: box;
box-align: center;

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

親divが垂直中心を機能させないかどうかを確認しようとしますが、手がかりが見つかりません。

前もって感謝します。

PD：単純なことであるに違いありませんが、私はそれを見つけられません。

4

3 に答える 3

1

CSSトリックを使用して高さがわかっている場合にのみ、コンテナを垂直に配置できます。

コンテナの絶対値を50％の上部位置に設定してから、コンテナから半分のサイズの負のマージンを追加します。

.parent_container {
    position: relative;
}

.container {
    height: 500px;
    position: absolute;
    top: 50%;
    margin-top: -250px;
}
于 2013-02-27T11:02:29.057 に答える
1

css-tables垂直方向に中央に配置する手法を使用してみてください。

このライブデモを見る

この投稿のさまざまなテクニックの詳細。

于 2013-02-27T11:19:04.270 に答える
1

縦の中央のオブジェクトについてこのサイトを見てください、それは私にとって非常に役に立ちました。

垂直方向のセンタリングとCSS

于 2013-02-27T13:10:19.040 に答える