Web Materia BLOG

ウェブマテリアブログ

Mar

02

2015

0

COMMENTS

横幅の決まっていない画像を中央寄せ表示

Category:CSS, HTML

横幅の決まっていない画像を中央寄せ表示

画像を中央表示させる方法としてmargin:0 auto;がありますがこの方法は画像の横幅を指定しなければいけないのでシステムなどで様々な横幅の画像を表示させる箇所においては別の方法で中央寄せを実現させる必要があります。以下がひとつの方法です。


大変簡単な記述で実現可能なので是非ご参考下さい。


HTML


<div id="center">
<p><img src="" width="" height="" alt="" /></p>
</div>

CSS


#center {
    text-align:center;
}

Comments

comments



Archive

Category


PageTOPへ