line-height的理解

1line-height的理解

1.1特点

• line-height表示的是行高，字体上一行基线到下一行基线的宽度，元素的宽度，而非字体的宽度。
• 当未设置height是，此时由line-height决定其height。该效果表示容器的宽度是由元素的宽度决定的，而非是字体的大小。
• 当设置line-height和height大小相等时，可以实现垂直对齐。
• height和line-height都能撑开一个高度

1.2单位特点

• 如果单位是px，则表示固定大小单位。
• 如果单位是em，则是以父元素font-size为1em设置其行高。
• 如果单位单位是百分比，则计算其实际的字体大小，而让其子元素进行继承。