css line-height property

line

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

n. Line; row; row; boundary line

vt. Queue; use to mark a line; to line up; to line; to form a layer; to line up; to hit a straight ball

British [haɪt] American [haɪt]

n. Height; height, altitude; highland; top, apex

css line-height property syntax

Function:The line-height property sets the distance between lines (line height).

Description:This attribute will affect the layout of the line box. When applied to a block-level element, it defines the minimum distance between baselines in that element rather than the maximum distance. The calculated difference between line-height and font-size (known as "line spacing" in CSS) is divided into two halves and added to the top and bottom of a line of text content. The smallest box that can contain this content is a line box. The raw numeric value specifies a scaling factor, and descendant elements inherit this scaling factor rather than the calculated value.

Note:Negative values are not allowed.

css line-height property example

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