CSSでは意外とむずかしい縦方向のセンタリングを実現する方法

2009年3月17日

CSSでは意外とむずかしい縦方向のセンタリングを実現する方法
http://gihyo.jp/design/clip/01/weekly-web-tech/200903/05

・「display:table」を使う方法
・絶対配置で要素の半分の高さをマイナスのマージンにする方法
・高さの50%から「要素の半分の高さ」を引いた値分の空白を上部に配置にする方法
・IEではうまく動かないけど「margin:auto」を使う方法(IE8では動く)
・一行のテキストだけの場合限定で「line-height」を要素の高さと同じにする方法

色々方法があるのですなぁ。個人的には1番目を使ってみたいが。。

この記事は役に立ちましたか? 役立った 役立たなかった
0 人中 0 人がこの記事は役に立ったと言っています。

★新記事下ハイブリッドads