CSSで画像やブロックレベル要素などを中央に配置、つまり上下左右中央寄せにする方法を紹介します。 イメージ 1.問題点 以前、「CSSで背景画像をページの中心に表示する方法」をエントリーしました。 今度は通常の画像をページの中心に表示されるよう配置したいのですが、CSSの設定方法が不明です。 2.画像をページの中心に表示する 画像をページの中心に表示するには、中心に表示させたいimg要素に次のように記述します。 <style> .foo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } </style> <img class="foo" src="foo.png" alt="foo" /> または <style> .foo { position: fixed; top: 0; right:
![CSSで中央に配置する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/a50db0ce86d8b05fa7e28888d7b0d1027c56d627/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2014%2F05%2F20140520_css_2.png)