行間の調整法

はてなの日記の場合、普通に書くと、行の区切りにpタグが自動挿入されてしまい、行間が大きく開いてしまって非常に間抜けに見えてしまう。


と、いうことで、しばらくは秀丸マクロを使って自分で明示的にタグ挿入していたのですが、これがまた書いているうちに結構面倒になってくる。


で、ちょうどmixiを始めたこともあって、日記はほとんどそっちに移していたのですが、行間を自分好みにするためのCSSの設定方法がわかったのでメモしておくことにする。
多分、同じ悩みを持つ人は多いのではないでしょうか。

  1. 管理メニュー→デザインを選択する。
  2. 一番下のスタイルシートのところで
p { margin: 0px; padding: 0px; }
のところを
p { margin: 0px; padding: 0px; line-height: normal }
と、書くようにすると、自動改行で挿入されるpタグでも改行の行間が通常の行間になるので、きれいにまとまります。 行間をもっと広げたいという場合には、normalのところを%表記(150%)やピクセル表記(12px)で書けば広げることも可能です。 と、いうわけで久々のはてなは豆日記でした。