Question

在CSS中的line-height到底指哪部分呢？

为什么设置div的高度为50px，在设置line-height是居中呢？

Answer 1

这是一个常见的垂直居中的技巧，只是楼主还没有领会这个技巧的原理。
line=height就是行高，假如这个字体的字高是20px，而line-height是50px，那么字体会放在1个50px的无形的盒子里，并自动垂直居中，也就是这个字体离顶端和底部各15px。然后再放到50px高的div里，他自然是垂直居中的了。
就好像一个牌匾(行高)，他里面的字是始终居中的，把这个牌匾严丝合缝地嵌入到和牌匾同高的墙孔(div)里，那么文字也肯定是在墙孔的正中。

Answer 2

height只是那个div的的宽度，line-height是行高，你那个文本对齐方式text-align是居中的

追问

这个我知道呢 那line-height是设置哪部分的呢？

追答

div中行与行之间的距离

Answer 3

line-height指的是在DIV中的元素上下居中，如果要文字左右居中的话可以使用text-align:center;试试！

Answer 4

单纯从你的代码来看，line-height:50px;的意思是使盒子这两个字在居中，不信你去掉试试，肯定不居中，就是上下居中。

追问

这就是上下左右居中呢？