line-height的使用

line-height:26px; 表示行高为26px

line-height:120%;表示行高为当前字体大小的120%

line-height:2.6em;表示行高为当前字体的2.6倍

带单位的行高都有继承性,其子元素继承的是计算值,如父元素的字体大小为14px,定义行高line-height:2em;则计算值为28px,不会因其子元素改变字体尺寸而改变行高。(例如:父元素14px,子元素12px,那么行高为28px,虽然子元素的字体是12px,它的行高等于父元素的行高)

line-height:2.6;表示行高为当前字体大小的2.6倍

不带单位的行高是直接继承,而不是计算值,如父元素字体大小为14px,行高line-height:2;子元素尺寸为12px,不需要再定义行高,它默认的行高为24px。(例如:子元素12px,其行高为24px,不会继承父元素的28px)

你可能感兴趣的:(css3,css,前端)