CSS の行の高さのプロパティ

line

英[laɪn] 美[laɪn]

n. 行; 行; 行; 境界線

vt. キュー;ラインをマークするために使用する; 整列させる; ラインを形成する; 層を形成する; 整列させる; ストレートボールを打つために使用する

イギリス [haɪt]アメリカ人 [haɪt]

n. 高さ; 高さ、標高; 高地; 頂上、頂点

CSS の行の高さのプロパティ 構文

関数:line-height プロパティは、行間の距離 (行の高さ) を設定します。

説明:この属性は、ライン ボックスのレイアウトに影響します。ブロックレベル要素に適用すると、その要素内のベースライン間の最大距離ではなく、最小距離が定義されます。計算された行の高さとフォント サイズの差 (CSS では「行間隔」と呼ばれます) は 2 つの半分に分割され、テキスト コンテンツの行の上部と下部に追加されます。このコンテンツを含めることができる最小のボックスはライン ボックスです。生の数値はスケーリング係数を指定し、子孫要素は計算された値ではなくこのスケーリング係数を継承します。

注:負の値は許可されません。

CSS の行の高さのプロパティ 例

   
  
 这是拥有标准行高的段落。 在大多数浏览器中默认行高大约是 110% 到 120%。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 
 
 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 
 
 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。