CSSでdivを天地中央にする方法
ウィンドウを広げてもdivが中央にくるようにした。
html
<body> <div id="wrapper"> aaaaaa </div> </body>
css
#wrapper{ position:absolute; height:200px; top:50%; margin-top:-100px; }
topの位置が画面の中央になるので、wrapperの高さの半分を引いてあげるとちょうど中央にくるって事。
ウィンドウを広げてもdivが中央にくるようにした。
<body> <div id="wrapper"> aaaaaa </div> </body>
#wrapper{ position:absolute; height:200px; top:50%; margin-top:-100px; }
topの位置が画面の中央になるので、wrapperの高さの半分を引いてあげるとちょうど中央にくるって事。