line-height是css樣式里設(shè)置行高的方法，在div中有overflow:hidden，可以隱藏超出div的內(nèi)容，配合行高和div的高，可以設(shè)置該div里可以顯示幾行內(nèi)容，div可以容納幾個行高就顯示幾行，
如下面的代碼和圖示測試的，在div設(shè)置了超出隱藏樣式后：div是40px，設(shè)置行高為20px，div高度可以容納兩個行高，就會顯示兩行。行高為10px，div可以容納四個行，就會會顯示四行。

行高還可以讓一行文字在div中垂直居中，如下代碼和圖示，行高上上下的，在該div中文字距離div上下的距離是相等的。

之前的超出后隱藏的css樣式overflow:hidden相關(guān)博文：LODOP打印超過后隱藏內(nèi)容樣式、

此外，注意：
1.行高要是文字大小的倍數(shù)
文字本身的大小，行高不是文字大小的倍數(shù)，會出現(xiàn)切割文字的現(xiàn)象，div超出隱藏，會把文字的部分隱藏掉，看起來就像是文字被切割了，這種不是超文本沒加載完引起的，還是樣式本身導(dǎo)致的文字顯示不全，這里div用了背景色，如果是默認(rèn)的白色，會看起來像是文字沒顯示全。

2.行高必須大于等于文字大小
行高小于文字大小，文字會重疊，行高也是多行文字的行間距，如果行間距比文字還小，自然會重疊起來，造成文字重疊現(xiàn)象。

測試代碼：

圖示：

div的hegiht除以line-height，就是顯示的行數(shù)
div的hegiht=line-height,就是一行在div中垂直居中
line-height不是font-size的倍數(shù)，切文字
line-height小于font-size，文字重疊