エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
lhで行数分の高さが便利(最近便利なCSSおれおれAdvent Calendar 2023 – 21日目) | Ginpen.com
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
lhで行数分の高さが便利(最近便利なCSSおれおれAdvent Calendar 2023 – 21日目) | Ginpen.com
最近便利なCSSおれおれAdvent Calendar 2023 – 21 日目 長さの単位で、1lh で 1 行分の高さになります。... 最近便利な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://