AdSense独自

2010年3月8日

上下中央揃え(縦位置のセンタリング)

CSSで上下中央揃えをする方法。
横のセンタリングはtext-align:centerとmarginのautoを使えば良いですが、縦で中央にそろえるのはちょっと面倒。

昔はある意味簡単に、Tableタグを使ってやってましたが、最近はそうも行かず。かといって「display:table-cell;」はIE6、IE7が非対応。
調べてみたところ、結局はIE6とIE7はhackを使ってinline-blockとする、次の方法が今のところ良いみたい。(2年前の情報ですけど、役立ちそうなので忘れないようにリンク。)

CSS で簡単に上下中央揃えを実現する

display:table-cellが実用的に使えるようになるのはいつのことか。。。jQueryで同じことができるプラグインとか有ればいいのに。

0 件のコメント: