css - CSSの先頭と行の高さ

Question

したがって、従来のページレイアウトプログラムでは、先頭に移動しても、段落の最初の行には影響しません。ただし、CSSで行の高さを使用する場合は、数値に関係なく、最初の行に影響します。CSSでリードするデスクトップを模倣する方法はありますか？基本的に、最初の行ではなく、後続の行にのみ行の高さを適用したいと思います。

Answer 1

次のようなことを試すことができます：

.class {
    line-height: 1.5;
}
.class::first-line {
    line-height: 1;
}

/* If legacy browsers must be supported */
.class:first-line { 
    line-height: 1;
}

https://developer.mozilla.org/en-US/docs/CSS/::first-line

http://reference.sitepoint.com/css/pseudoelement-firstline

Answer 2

私はそれを考え出した。次のように、負のマージントップを設定することで、従来の「リーディング」を行うことができます。

h3 { 
color: #fff;
font-weight: normal;
padding-bottom: 0px;
font-size: 24px;
line-height: 22px;
margin-top:-1px;
}