line-height

 

注：个人学习笔记，不具备参考性

参考博文：https://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html

 

一、“行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。

 

二、line-height 被用来控制行与行之间垂直距离。 

默认状态，浏览器使用1.0-1.2 line-height, 这是一个初始值。你可以定义line-height属性来覆盖初始值：p｛line-height:140%｝

你可以有5种方式来定义line-height。

1.line-height可以被定义为：body{line-height:normal;}

2.line-height可以被定义为：body{line-height:inherit;}

3.line-height可以使用一个百分比的值body{line-height:120%;}

4.line-height可以被定义为一个长度值(px,em等) body{line-height:25px;}

5.line-height也可以被定义为纯数字， body{line-height:1.2}

 

 

 

示例

.article_box *{
　　line-height:150%;
}　

 

缺点：

1. * 通配符增加了 css 的渲染，效率低，更好的方法是使用数值。

2. 150% 与 1.5 的值一样，但有差别，差别在于继承性：

　　百分比会计算 line-height 的值，然后以 px 像素为单位继承下去；

　　1.5 先继承这个值，遍历到该标签再计算 line-height 的像素值。

所以可以写为：line-height: 1.5