最近便利なCSSおれおれAdvent Calendar 2023 – 21 日目 長さの単位で、1lh で 1 行分の高さになります。 lh = Line Height です。L の H です。数字の 1 じゃないです。 例 デモ:https://codepen.io/ginpei/pen/eYXOoRv line-height を変えると箱の高さもそれに合わせて変化します。デモの数字いじってみてね。 行数が必要になる line-clamp と一緒に使うの便利そう。 line-clampで複数行の文の省略がちょっと便利 ルート要素の参照 em に対する rem と同様に、lh にも rlh というのがあります。 おしまい 読みづらいね。3lh が “31 H” にしか見えないね……。 仕様はまだ draft 段階みたいです。ブラウザーの実装は一通り済んでます。 参考 デモ:https://
![lhで行数分の高さが便利(最近便利なCSSおれおれAdvent Calendar 2023 – 21日目) | Ginpen.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/de4af7f62b39439905833504e59ba1e153be6d8b/height=288;version=1;width=512/https%3A%2F%2Fginpen.com%2Fwp-content%2Fthemes%2Fginpen-theme%2Fimg%2Ficon-512.png)