0

h1内に があり、bodyこのテキストを垂直方向に揃えて中央揃えにしたいと考えています。

position: absolute;and thenを使用できることはわかっていますmargin-top: "HALF OF HEIGHT";が、この h1 は更新時に変更され、幅が異なります。高さはいつも同じなので縦に並べてもいいのですが、中央揃えです。text-align: center;h1が絶対配置されているため使用できません。動作しません。

これを行う簡単な方法はありますか?

ありがとう!

4

2 に答える 2

1

要素に背景がない場合、これを実行して、要素を絶対位置で水平方向に中央に配置できます。

.your-element {
    position: absolute;
    width: 100%;
    text-align: center;
}​

実用的なフィドル: http://jsfiddle.net/VSySg/

于 2012-07-31T19:55:23.643 に答える
0

レイアウトの残りの部分によっては、これが機能する場合があります。

h1 {
    display: block;
    text-align: center;
    line-height: /* height of container */
}

http://jsfiddle.net/xC3vn/

于 2012-07-31T19:56:25.123 に答える