ブログときどきオトン

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

パソコンを軽くして最速にする方法
ゲームを最高のパフォーマンスで遊ぶためのメモリ解放について
メガネの合わせ方とズレ防止鼻パットについて
チプカシ(チープCASIO)A168WA-1とA158WA-1JFを買ってみた
マツキヨのエナジードリンクが最強らしいので飲んでみた
オピネルNo.9を買ったので定番儀式のオイル漬けをやってみた
メガネのズレ落ち防止にシリコン耳フックが思ったより良かった
電池交換

スポンサーリンク

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

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