こんにちは! 昨日のエントリと被りますが、今回はCSS3で要素を画面中央に配置する方法に焦点を当てて、テクニックをご紹介します。 概要&デモ チュートリアル 縦方向(垂直)の中央寄せ html{ display:table; } body{ display:table-cell; vertical-align:middle; } html,body{ height:100%; width:100%; } CSSのvertical-align:middleは縦方向で中央寄せする事ができるプロパティですが、表の中のセルでしか効果を発揮しません。 そこで、<html>タグを表、<body>タグをセルとして扱う事で、vertical-align:middleをドキュメント全体に適用させます。 CSS3で新たに定義されたdisplay:tableは、要素を見かけ上だけ表組みとして扱います。 また、d