ブログときどきオトン

ブログとオトンの成長の記録

ブログとオトンの成長の記録

スポンサー

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

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-2023 ブログときどきオトン