[分享]css两行文字行高

CSS中的行高是用来控制文字在行与行之间的间距，也可以说是决定了每行文字的高度。CSS中行高的写法一般有两种：1. lineheight: 数值; 2. lineheight: 百分比; 数值写法是指...

CSS中的行高是用来控制文字在行与行之间的间距，也可以说是决定了每行文字的高度。CSS中行高的写法一般有两种：

1. line-height: 数值;
2. line-height: 百分比; 

数值写法是指在CSS里直接写出具体数值，常见的取值有像素(px)和em。

p {
   line-height: 1;
   /*等价于line-height: normal;*/
   line-height: 1.5em;
   /*等价于line-height: 150%;*/
   line-height: 24px;
} 

百分比写法是指根据字体大小来设置，常见的取值有百分比(%)、inherit等。

p {
   font-size: 16px;
   line-height: 150%;
}

p {
   font-size: 16px;
   line-height: 1.5; /*等价于150%*/
} 

在实际开发中，应根据具体情况选择行高的设置方式，以达到最佳的排版效果。