縦中央テキスト - 不明divの寸法

ここでは例です：私は縦のdiv内のテキストを中央揃えする必要がhttp://jsfiddle.net/X2sMa/縦中央テキスト - 不明divの寸法

が、私はthis techniqueが見つかりましたが、私は、ディスプレイへのdivを設定したときに：インラインブロック;テキストが消えます。どのようにそれを動作させるためのアイデアですか？

2012-04-04 Barbara

IE7をサポートする予定がない場合は、display: table-cellとvertical-align: middleを使用できます。それ以外の場合は、テーブルを使用してスタックしています。

2012-04-04 00:41:42 markle976

あなたのような段落配置できるようにするには、div.maskのために、あなたのコード内の絶対位置を使用している：

<div class="mask" style="position: absolute; top: 0; left: 0;"> 
    <p style="position: relative; top: 50%;">1500 notes</p> 
</div>

2012-04-04 01:58:03

が仕事でしたが、複数行のテキストがある場合、それは理想的ではありません。もちろん、常に余裕のある余白を追加することはできますが、テキストの長さが毎回変わるときは不可能です。 – Barbara

答えて