line-height是css样式里设置行高的方法，在div中有overflow:hidden，可以隐藏超出div的内容，配合行高和div的高，可以设置该div里可以显示几行内容，div可以容纳几个行高就显示几行，
如下面的代码和图示测试的，在div设置了超出隐藏样式后：div是40px，设置行高为20px，div高度可以容纳两个行高，就会显示两行。行高为10px，div可以容纳四个行，就会会显示四行。

行高还可以让一行文字在div中垂直居中，如下代码和图示，行高上上下的，在该div中文字距离div上下的距离是相等的。

之前的超出后隐藏的css样式overflow:hidden相关博文：LODOP打印超过后隐藏内容样式、

此外，注意：
1.行高要是文字大小的倍数
文字本身的大小，行高不是文字大小的倍数，会出现切割文字的现象，div超出隐藏，会把文字的部分隐藏掉，看起来就像是文字被切割了，这种不是超文本没加载完引起的，还是样式本身导致的文字显示不全，这里div用了背景色，如果是默认的白色，会看起来像是文字没显示全。

2.行高必须大于等于文字大小
行高小于文字大小，文字会重叠，行高也是多行文字的行间距，如果行间距比文字还小，自然会重叠起来，造成文字重叠现象。

测试代码：

图示：

div的hegiht除以line-height，就是显示的行数
div的hegiht=line-height,就是一行在div中垂直居中
line-height不是font-size的倍数，切文字
line-height小于font-size，文字重叠