カテゴリ:
CSS

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

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

	<img src="../logo2.png" width="185" height="114" />
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

(2015/03/04)

新着情報
【iOS Objective-C, Swift Tips】バッジの表示(Swift)
【iOS Objective-C, Swift Tips】画像の向きを指定して保存する(Swift)
【iOS Objective-C, Swift Tips】UIImagePickerControllerの表示を日本語にする(Swift)

Copyright(C) 2004-2015 モバイル開発系(K) All rights reserved.
[Home]