行の高さとはどういう意味ですか?単位ありと単位なしの行の高さの違い-htmlチュートリアル-php.cn

行の高さとはどういう意味ですか?単位ありと単位なしの行の高さの違い

云罗郡主

リリース： 2018-10-30 14:30:05

オリジナル

34508 人が閲覧しました

lineheight 属性を使用するにはどうすればよいですか?行の高さとはどういう意味ですか? CSS に触れたばかりの初心者にとっては、単位ありと単位なしの行の高さについてあまり知らないかもしれません。単位ありと単位なしの行の高さの違いについて話しましょう。

1: 行の高さの意味は何ですか?

行の高さは行の高さを示すために使用され、テキスト間の間隔を制御するために使用されます。 -height テーブルの中心位置を設定するか、line-height を使用してテーブル内のコンテンツの長さを示します。

使用法:

<div style="height:100px">
php中文网
</div>
此时，文本"php中文网"会在整个div的左上角。
<div style="height:100px;line-height:100px">
php中文网
</div>

ログイン後にコピー

効果は次のとおりです:

行の高さとはどういう意味ですか?単位ありと単位なしの行の高さの違い

##2: 単位ありと単位なしの行の高さの違い単位

上記のコードでは、line-height:100px に px 単位があることがわかります。では、単位ありと単位なしの line-height の違いを見てみましょう。最初の画像:

行の高さとはどういう意味ですか?単位ありと単位なしの行の高さの違い

これを見て多くの人は違和感を感じず、実際には垂直方向のセンタリングを実現するために行の高さが原因であると考えるでしょう。テキスト行の line-height に固定値を追加します。行間隔を調整する場合、通常は px またはパーセントを追加します。この場合、継承は考慮されないため、問題はありません。相続に関しては、初夏以降に問題が発生します。

実際には、line-height が継承されている限り、line-height の後ろに数値や単位がある場合は、継承された値が特定の値に変換されます。 , 値を直接継承するだけで、独自の属性に基づいて再計算されます。

上記は行の高さの意味です。単位付きの行の高さと単位のない行の高さの違いについての完全な紹介

HTML ビデオチュートリアルについて詳しく知りたい場合は、php 中国語 Web サイトに注目してください。

以上が行の高さとはどういう意味ですか?単位ありと単位なしの行の高さの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。