とり気分 tatotatomi’s diary

休日に撮った野鳥の写真をメインに、思ったことを狭く浅く

改行時の行間幅を変更しました

文章を書いて改行すると、今までは
    ↑↓
行間がこのくらい離れていたんですが、
CSSに行間幅の設定を追加したことで、変に空間があくことがなくなりました。

  

/* 改行の行間幅調整 */

.entry-content p {
margin: 0.1em 0;
}

 

ちなみにemは、フォントサイズの高さを1と考える...らしく

フォントサイズ100pxの0.1emは、10%の10pxとなるようです。

 

じゃあemの後ろについてる0は何だろう?

「margin プロパティ」で検索したらわかったよ。マージンの省略した書き方で、

margin: 0.1em 0;(上下)(左右)

 

イメージはこんな感じ

 

    0.1em
     ↑
  0 ← 文 章 → 0
     ↓
    0.1em

 

難しかったけど、いい感じに調整できたと思います。