行の高さと高さの3つ:行の高さ>高さのテキストを下げる、行の高さ<高さのテキストを上げる

まず、行の高さの原理を理解します。行の高さには、コンテンツ領域の高さ、上半分の行間隔、およびオフデ​​ューティの行間隔が含まれます。line-heigt:300px; font-size:20px;が280pxの間隔を計算する場合、上半分と下半分の行間隔は140pxです。

行の高さ>下の高さテキスト。

height: 200px;
line-height: 300px;

行の高さ<テキストの高さ。

height: 200px;
line-height: 100px;

 

おすすめ

転載: blog.csdn.net/xingxinglinxi/article/details/108629060