line-height: 1.5;(官方推荐写法)
元素内所有标签的行高根据当前元素的字体大小决定的。
例如:
父元素 div 的 font-size: 60px;,那父元素的行高为 60 * 1.5 = 90,即 line-height: 90px;
子元素 p 的 font-size: 40px;,那子元素的行高为 40 * 1.5 = 60,即 line-height: 60px;
line-height: 150%;
line-height: 1.5em;
元素内所有标签的行高是由设置行高的元素的字体大小决定的(这两种写法的效果是一样的)。
例如:
设置行高的元素(父元素) div 的 font-size: 60px;,那父元素的行高为 60 * 150% = 90,即 line-height: 90px;
子元素 p 的行高直接继承父元素的行高,即 line-height: 90px;