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，文字重疊