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

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

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

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

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

コメント

このブログの人気の投稿

FacebookアプリのSMSアップデートの通知をオフにする

【解決!】InDesignのエラー「ファイルが存在しないか、ファイルへのアクセス権がないか、またはファイルが別のアプリケーションで使用されている可能性があります。」

子どもがマイクラPEで、友だちとオンラインマルチプレイをやりたいと言い出したときの話。

Adobe Photoshop CS6の自動保存機能のファイル保存場所

Healbe Gobeが来た! ファースト レビュー。