ブログもっと書かないとなぁ line-heightについて

スラックで自分宛てに書いた備忘録が貯まってきたからブログにまとめてエクセルかなんかに保存してslackの方消してこうと思った。

貯まった備忘録処理中なんだけline-heightについてどこに書こうかなって思ってたので空いてるここに書いとく

line-height の細かい範囲がどうなってるかは置いといて、line-heightを指定してないとうまく真ん中に文字を表示出来なくて困ることがある。

文字を入れてるブロックと同じ高さを指定してあげるとうまくいくことが多い。具体例で言えば、ボタン要素を作ってその中に文字を配置する場合なんかにちょうど真ん中に一言欲しいワケだけど、text-align:center;だけだと、そのブロックの上の方の真ん中にくるだけだから、そのボタンと同じ高さのline-heightを指定してあげて、上下も真ん中にくるようにするっていう使い方を覚えておけばいいと思う。