サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
WWDC24
qiita.com/fujihiko
テキスト要素の先頭行だけline-heightを取り除き、上ぴったりに揃えるスタイルシートのテクニックCSS3 考え方 1.テキスト要素の全高(文字の高さ+上スペース+下スペース)は、line-heightにfont-sizeを掛けたものに等しくなります。 2.文字の高さはfont-sizeと等しい(近似値)と仮定します ■グリーン: font-size、■オレンジ: font-sizeとline-height、■ブラック: 上スペース 先頭行だけを上に揃えるには、テキストのブロックからline-heightで加えられた上部のスペースだけを取り除けば実現できます。 SASS @mixin lhCrop($line-height) { &::before { content: ''; display: block; height: 0; width: 0; margin-top: calc(
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く