メコログ

web関連の話や、日々の雑記を書こうと思っています。

はてなブログで画像を中央揃えにする方法

はてなブログで画像を中央揃えにしようと思ったところ、画像が全画面?的なもの以外中央揃えにならず、縮小化すると左揃えになりバランスが悪いということで、その解決方法をメモ

CSSを書き換えているので細かい設定が出来なくなります。
  • メリット
    • 画像が全て中央揃えになる。
  • デメリット
    • 画像の横にテキストを書く記法が使えなくなる。

 
 

手順

  • 1.管理のデザインをクリック
  • 2.カスタマイズを選択
  • 3.デザインCSSの一番下の行に以下の内容を追加
img.hatena-fotolife, img.http-image {
display: block;
margin: 0px auto;
}

 
 
 
 
これで画像が中央揃えで表示されるようになると思います。

広告を非表示にする