たぁ部ログ

ガジェットや小物のレビュー

【はてなブログ】改行した際の行間を均等にしよう

 

 

 

 

 

f:id:taakun23:20200307011248p:plain

ブログを書いていて行を改行すると度々、下記の画ように大きな隙間が出来ることがある。

 

f:id:taakun23:20200307004455j:plain

「Enter」キーは1度しかおしてないのに見た目は2回押して改行しているように見える。
このせいで変な隙間がある文章が出来上がり気になってしまうし見た目が嫌でした(汗

調べてみたところ[デザインCSS]で行間を均等にすることが可能らしい。

f:id:taakun23:20200307005018j:plain

[設定] ⇒ [カスタマイズ] ⇒ [デザインCSS]に遷移する

下記のコードをペーストした後、[変更を保存する]を押下する

}
/*改行の行間を調整 */
.entry-content p {
margin: 0;
}

 

隙間があった記事を確認してみると変な隙間があった行間が均等になっていることを確認することが出来る。

 

f:id:taakun23:20200307004458j:plain

     

 

f:id:taakun23:20200307004452j:plain

 

以上、はてなブログのカスタマイズ備忘録になります。

自分がはてなブログで設定しているコードや疑問解決した記事のリンク集になります。