2012/02/26改訂

●ウィンドウの上下左右の中心にコンテンツを配置する

*見出しや本文などのテキストを中央に揃えるにはtext-align:center;を使用するが、 div要素などのブロックレベル要素を親要素の中央に揃えるには左右のmarginにautoを指定する。

*margin:auto;を指定すると左右中心になるが、上下中心にはならない。
*上下も中心にするにはposition:absolute;を指定して親要素から絶対位置で50%の場所を示すようにする。
ただし、そのままでは要素の左上が中心に表示されるので、要素の中心がウィンドウの中心になるように要素の半分の値をmarginにマイナス指定する。

トピックストピックストピックス

トピックストピックス

トピックストピックストピックス

トピックストピックス