ラインハイトの詳細な紹介

1. 行の高さの定義 行の高さは行間の距離、つまりベースライン間の距離を指します。なぜ 1 つのテキスト行にも行の高さが存在するのでしょうか。私たちはこの疑問を念頭に置いて見下ろします。 2. インライン ボックス モデル

これは 1 行のテキストで、コンテンツ領域 があります。

図 1 「コンテンツ領域」は、マウスで選択されたテキスト領域のサイズと考えることができます。図1のように、 のテキストをマウスで選択している領域が「1行のテキスト」が選択されている領域です。 「インラインボックス」では、テキストがブロック単位で表示されるのではなく、行単位で表示されます。また、spanタグで囲まれた「コンテンツ領域」など、インライン要素で囲まれたテキストを「インラインボックス」、インライン要素で囲まれていない部分を「匿名インラインボックス」とみなすことができます。 「インライン ボックス」は、図 1 の spam タグ内の「コンテンツ領域」領域として見ることができ、「匿名インライン ボックス」は、赤い仮想

1 として見ることができます。マスターする必要がある CSS 属性です。 --lineheight

はじめに: 1. 行の高さの定義は、行間の距離、つまりベースライン間の距離を指します。では、なぜ 1 行のテキストにも行の高さが存在するのでしょうか?私たちはこの疑問を念頭に置いて見下ろします。 2. インライン ボックス モデル これは 1 行のテキストであり、コンテンツ領域ラベルがあります。 「コンテンツ領域」は、マウスで選択されたテキスト領域のサイズと考えることができます。そのサイズは、テキストが含まれる領域と考えることができます。図 1 はマウスで選択されています。つまり...

2. フォントサイズを大きくし、シーケンスの中央に配置しない方法を共有します

はじめに: シナリオ: クリック文字上でモーダルをポップアップ表示し、その中のモーダルに文字を表示します。スタイル:.modal{ 位置: 左: 0; 上: 0; マージン: 140rpx; 線の高さ:...

推奨される関連質問と回答]:

javascript - DOM 属性の計算 (getComputedStyle) における奇妙な問題

以上がラインハイトの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。