ブログときどきオトン

飽くなき好奇心で発信し続けるブログ

Google Chrome Bookmark Managerのすゝめ
パソコンを軽くして最速にする方法
ゲームを最高のパフォーマンスで遊ぶためのメモリ解放
チプカシ(チープCASIO)を買ってみた
マツキヨのエナジードリンクが最強らしいので飲んでみた
オピネルを買ったのでオイル漬けをやってみた
メガネのズレ落ち防止シリコンフックが良かった

スポンサーリンク

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

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