はてなブログは
改行すると行間が広すぎる!
そんな事感じている人いませんか?
はてなブログでは、初期設定だと改行をした(つもり)際に、
「改行」ではなく「段落変更」が起きているからこのような事になっているのです。
※コードで言うと</p>になっている。
ここを解決すれば、一般的な改行になるのです!
直しましょう!
改行の行間の修正方法
修正方法は簡単です!
CSSにコピペするだけの方法をお教えします。
1.「ダッシュボード」→「デザイン」へ移動
2.「スパナマークをクリック」→「デザインCSS」へコピペ!
デザインCSSの所に下記をコピペしてください。
/* 改行修正 */
.entry-content p { margin:0}
以上で改行で行間が広すぎる問題は解決します。
※過去の記事すべて反映される事になります!
行間を調節
ただ、先程のコードであると行間の幅がほとんど無いです。
もうちょっと行間の幅がほしいなという方は、
下記のコードをおすすめします。
.entry-content p {
margin: 0.5em 0;
}
※上記で少し広いなと感じる場合は
0.5の所を0.3にすると良いと思います。
こうする事で先程は、行間が全く無かったのが
少し幅にゆとりが出来たと思います。
ちなみにshift+enterでも解決する
上記の設定をしなくても、enterボタンで改行するのではなく
shift+enterで改行をすれば、行間が広くならずに改行が出来ます!
ただ、毎回毎回shift+enterで改行するのは面倒すぎるので
僕はenterだけで、一般的な改行をできるようにしました。
何か質問がございましたら、コメント欄までどうぞ。
ありがとうございました。