メモ:Tumblrで画像をセンターに表示する
Tumblrのテーマをちまちま変えるのが好きなんですがほとんどのテーマが画像を左寄せで表示するので、小さい画像だと右側の空きスペースが気になり『画像だけセンターに表示したいなあ』と思って少しだけカスタマイズすることにしました。
<img>にclass追加とそれに対応するCSSを追加する方法で画像をセンターに表示させます。カスタマイズは「Customize」→「Theme」→「Use custom HTML」でタグを編集することができます。
入力例: XHTML({block:Photo}部分にclass追加)
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="centered" />{LinkCloseTag}
入力例: CSS
img.centered { display: block; margin-left: auto; margin-right: auto; }
他にも方法はあると思いますがこれが簡単じゃないかと。僕のTumblrで確認してみてください(こんな感じ)。
Tumblr: http://pastlanguage.tumblr.com/
♪ Spiritualized – Royal Albert Hall October 10 1997 Live
杉田元一さんのライナーが眩しい






