nomade web design & creation

意外とこれで困ってる人いると思うので、

画像をセンターに置きたい場合、

<div align="center"> <img src=""> </div>

って出来ればいいけど、出来ないときがあります。

#私の場合は、ブログでタグが分かんない人でも自動的に写真がセンターになるように設定する必要が出ました。

上の様にやってもらえると良いんだけど、なかなか難しいので、
.honbun img {
display:block;
margin-left:auto;
margin-right:auto;
}

ってやっちゃいました。

これをやると写真が自動的にセンター合わせになります。

理屈としては、imgはinline要素なので、block要素にスタイルシートで変換してから、左右のマージンをautoに設定しました。

これで写真は真ん中になります。

この使い方はいろいろ応用できそうです。