CSS中height和line-height的区别

height是元素自身的高度，line-height则是元素内部文字的行高。

比如：height:100px; line-height:20px;
表示具有height样式的元素的高度为100像素，里面的文字行高为20像素，就是可以排5行文字。

补充说明一下：如果一个元素的height和line-height相同，意味着这行文字在元素中垂直居中（仅限文字，且只能一行）。

当line-height=height时，元素会垂直居中。

当line-height<height时，元素会偏上。

#########################################

text-align: center; /* 水平方向居中 */
line-height: 59px; /* 垂直方向居中 */