CSS中line-height和height的区别

CSS中的line-height一般指的是布局里面的一段文字，上下行之间的高度，比如第一行文字顶部到第二行文字的顶部，这就为行高。

height一般指的是容器的整体高度。

那么line-height和height有什么区别呢？

如果一个DIV容器高度是20px，字体是12px，那可以显示完全显示一整行的文字，上下分别多出3px，如果行高是18px，文字为多行的话，则从第二行起的文字就不能完全显示出来，因为第二行文字的实际是30px{计算公式为：12px+12px+18px-12px},即两行文字的高度，再加上两行文字之间的间距，已经超过容易20px的高度了。

heigh(高度)：一般用来设置文字外围的DIV容器。

line-height(行高)：一般针对字体来设置，如果一行文字在DIV里面，且行高等于高度的话，则文字会垂直居中。