"行高line-height与文字高度height设为一样大,文字就垂直居中了"只是一种效果上的表现。
这个效果跟对象的基线有关系,所以,当两者值一致的时候,并不见得会出现垂直居中的效果。
字体的基线是与行高的中线所处的位置一致的,当某种字体的基线在字高的中间时,文字也就处在行高设定值的中间位置,而此时的行高如果设定的值与高度一致时,看上去就垂直居中了。
font-size实际上设置的是字体的高度,原因很简单为了保证CSS的视觉效果,
我们都知道字体类型可以通过font-family设置,
而不同的字体实际显示样式是不一样的,
为了保证效果,
所以font-size设置的是高度,
便于不同字体在一起,
保持高度相同,
宽度就无所谓了
(有时间多巩固下CSS基础哈)