CSS如何控制文字行數(shù)
在進(jìn)行網(wǎng)頁設(shè)計(jì)的時候，我們常常會用到文字來描述頁面的信息。但是，有時候長篇大論的文字會給用戶帶來閱讀上的困擾，在這個時候我們就需要控制文字的行數(shù)。下面，我們就講一下如何使用CSS控制文字行數(shù)。
首先，我們可以使用CSS屬性line-height來控制單行文本的高度。line-height屬性是一個比例值，它的計(jì)算公式是：行內(nèi)框框高度 = font-size + 2*line-height。因此，通過改變line-height的數(shù)值，我們可以增加或者減少文字的行數(shù)，這個數(shù)值越大，文本行數(shù)也就越少，反之亦然。
例如，如果我們想要文字只顯示兩行，我們可以這樣寫CSS代碼：

p {
line-height: 1.2em;
max-height: 2.4em; 
overflow: hidden;
}

其中，max-height是p元素的最大高度，這里的數(shù)值是line-height值的兩倍。overflow:hidden屬性表示超出max-height部分的內(nèi)容將被隱藏起來。
但是這種方法在一些情況下可能會出現(xiàn)問題，比如一些特殊符號可能會導(dǎo)致行高的變化。這時候我們可以使用CSS3的text-overflow屬性來解決。
text-overflow屬性可以顯示一個省略號來表示文本被截?cái)嗔恕Ｈ绻覀兿胍獙⑹÷蕴柼砑釉谛心┪玻梢栽O(shè)置為ellipsis。因此，我們可以這樣修改上面的CSS代碼：

p {
font-size: 16px; 
max-height: 32px;
overflow: hidden;
text-overflow: ellipsis; 
white-space: nowrap;
}

其中，white-space: nowrap屬性表示文本不換行。同時，我們需要給p元素設(shè)置一個固定的高度，這里是32px。當(dāng)文本超出32px的高度時，將會出現(xiàn)省略號。
總結(jié)
通過上述兩種方式我們都能實(shí)現(xiàn)文字行數(shù)的控制，只需要視情況而定使用不同的方式即可。除此之外，我們還可以使用JavaScript來實(shí)現(xiàn)更加靈活的動態(tài)控制，但這就超出了本文的范疇。