うわっ…私の行間、広すぎ…？はてなブログの行間を変更してみた

当サイトはアフィリエイト広告を利用しています。記事内にプロモーションが含まれる場合があります。

ブログ最終更新日:2025年08月07日公開日:2015年06月11日

タイトルとURLをコピー

今日ラジカセについてのブログを更新して気づいた。

行間広くない！？

もう一行入る勢いだよ！

ってことで調べて行間を改善してみた。

1.行間を変更する
1-1.調べてみた
1-2.実際に変更してみた
1-2-1.追記
2.結論

行間を変更する

調べてみた

ググったらいるもんで、同じことを感じ行間を変更している方がいた。

はてなブログで改行したら行間が広くなりすぎる問題の解決方法 – CGMプランナーの思考

改行の問題はてなダイアリーからはてなブログに移転したわけだけど、改行するとやたらと行間が空いてしまう問題に直面した。別に大した問題ではないのだが、なんだか気軽に改行しづらくなってしまった。そして改行したらしたで、そのまとまりがいかにも「一つの段落ですよ」という感じになってしまい、書いていて窮屈な感じもした。確かに義務教育内での国語における段落の扱いはそんな感じで、そんなにバンバン改行するもんでもなかった。しかし書籍・ネット問わず、現代的な書き方だと結構バンバン改行するのが普通だ。それはそうしたほうが読み手にとって読みやすいからであり、僕を含め書き手は当然ながら読まれやすい文章を書こうと…

web-ken.hatenablog.com

なんと素晴らしい！救われた！！

実際に変更してみた

ということで書いてある通り変更してみた。

デザイン→カスタマイズ→{}デザインCSS

と進み

.entry-content p {margin:0;}

を足す。

追記

この時から転職して仕事でスタイルシートを扱う今、ちょっと追記。

これってすべての改行を段落変更でおこなっている人向けの修正ですね。本来改行は同じ段落内で<br>というタグを用いて行います。
使っているCMSのエディターにもよりますがWYSIWYGモードでshift + Enter で改行になるんじゃないですかね。基本改行はこの操作でおこない、次の段落に行きたい場合にEnterです。

なので行間を変更したい場合はpタグのmarginではなくline-heightをいじりましょう。