在CSS样式中,关于文字的line-height属性和font-size属性
从图中可以看出:
行高=行间距(两倍行半距)+文字大小
文字的大小由font-size属性决定,行高由line-height属性决定。
关于同时使用font-size与line-height属性的3种情况:
1.font-size与line-height的值相同时:
此时的行间距为0
2.当font-size > line-height时:
此时的行间距为负数,即不同行的文字之间会出现重叠现象
3.当font-size < line-height时:
行间距 > 0
例如:
相应代码:
浏览器中显示的结果:
注意:id=“num1”中,font-size与line-height我使用的单位是 px,若使用 em的话浏览器的显示结果行间距不为0,这里就要去仔细了解一下单位px与em两者的具体含义、功能和区别以及它们之间的换算了。