ブログときどきオトン

飽くなき好奇心で生産し続けるブロガー。

スポンサーリンク

はてなブログで画像のセンタリング方法について。

スポンサーリンク

f:id:coizne:20180216081555j:plain

はてなブログで画像が左寄せになっているので中央揃えにすることにしたのですが意外にむずかしく苦労しました。

本文で

<div align="center">画像</div>

もしくは

<div style="text-align:center;">画像</div>

としてあげるのもよいが記事を書くたびにソースを書くのは苦痛である。

画像をセンタリングするCSS。

なんとこの記述でよいらしい。
なるほどmarginのautoまでは分かるとしてもdisplay: blockは気が付かなかったな。
勉強になりますね。

.hatena-fotolife, .http-image {
display: block;
margin: 0px auto;
}

こちらを参考にさせていただきました。
ありがとうございます。

uriuridayo.hatenablog.com

センタリングがうまくいってスッキリした印象になりました。
さらにシンプルデザインを追求していきたいと思います。

スポンサーリンク

このブログについて  広告に関する免責事項 アクセス解析について RSS

© 2017-2018 ブログときどきオトン