height:表示行高
line-height:表示每行文字所占的高度
下面举例子你就会明白:
第一种情况:使用height
运行结果:
第二种情况:行高为50px和文字高度为20px情况:这时候文字会居中显示(对于文字为什么会居中显示问题解释如下:我们把line-height设置为50px,
也就是说这行文字会占50px,但是显然每个字的大小只有20px,这时候浏览器把多出来的30px,在文字上面加了15px,
文字下面加了15px这个时候文字就在50px的空间上居中了)
运行结果图:
第三种情况:设置了文字高度和文字大小一样的此时满屏显示
运行结果: