css - 任意のコンテンツを垂直方向および水平方向に中央揃え

Question

したがって、コンテナがあり、それ以上の要素を含む場合と含まない場合があり、動的コンテンツ、つまりデータベースから生成されたテキストがあるとします。

このような動的要素を水平方向と垂直方向の両方で中央揃えするにはどうすればよいでしょうか?

Answer 1

はい、ハックがあります。コンテナをdisplay: table;に設定し、テキストでは、たとえば ap で、それを に設定しdisplay: table-cell; vertical-align: middle;ます。これで縦に整列します。

text-alignこれをおよび と組み合わせて、padding水平方向に中央揃えにすることができます。

http://jsfiddle.net/E9QF3/

Answer 2

私が考えることができる最良の方法は、ロード時、サイズ変更時、または Ajax イベントでさえ高さを動的に計算する JavaScript を使用することです。この ALA の例のソースを見てください。