1. TOP>
2. JavaScript Tips>
3. テキストは左寄せで、画像のみ中央に表示する

テキストは左寄せで、画像のみ中央に表示する

例えば、tableのtdタグの中にテキストと画像を混在させるとき、テキストは左寄せのまま画像だけを水平方向で中央に表示させたい。この場合、imgタグはインライン要素なのでCSSでdisplay: blockを指定し、左右のマージンをautoに設定すると良い。

	<img src="../logo2.png" width="185" height="114" />

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

画像を水平方向で中央に表示します。

画像を水平方向で中央に表示しました。