CSS(スタイルシート)を用いてボックス要素の中で画像を上下左右中央に配置する方法。
詳細は以下から。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>CSSで画像を上下左右中央に配置する方法</title> <meta name="description" content="CSSで画像を上下左右中央に配置する方法。" /> <meta name="keywords" content="CSS,画像,上下左右中央,配置,方法" /> <style> .img_area { display: table-cell; vertical-align: middle; text-align: center; width: 400px; height: 400px; border: 1px solid #cccccc; } </style> </head> <body> <div class="img_area"> <img src="hoge.jpg" width="240" height="180" alt="hoge"> </div> </html>