CSSでボックスを上下左右中央に配置する第３の方法 | 3streamer blog

2012/01/17 108 users CSS 上下左右中央 ボックス ウインドウサイズ Box

ポイントはboxの横と高さの1/2 をネガティブマージンで指定するところですね。class=”box”に指定しているmin-widthはブラウザのウィンドウサイズをboxの大きさよりも小さくした時の対策です。これが無いとカラム落ちのような状態になってしまいます。 このやり方のネックは中央に配置される子要素のboxの幅と高さをCSSで指定しないと使えないという点です。例えば、内包する子要素が画像で色... 続きを読む