在 CSS 樣式表中，可以通過 text-overflow 屬性來控制文本溢出時的顯示效果。當(dāng)一行文本過長時，可以使用該屬性讓它以省略號的形式隱藏起來，或者在溢出處添加滾動條。但如果我們希望讓文本以兩行的形式顯示，該怎么辦呢？

.text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

通過使用上述 CSS 樣式，可以讓文本在溢出時以兩行的形式顯示，并將多出的部分隱藏。這是因?yàn)?-webkit-box 是 CSS3 引入的一個特性，它可以創(chuàng)建一個彈性容器，并且可以通過 -webkit-box-orient 屬性來設(shè)置該容器的方向，這里設(shè)置為垂直方向。同時，-webkit-line-clamp 屬性控制了容器中文本的行數(shù)，這里設(shè)置為 2，表示最多顯示兩行。最后，通過 overflow 屬性來控制溢出部分的隱藏方式，這里使用了 hidden 屬性，表示將多余部分隱藏起來。

需要注意的是，-webkit-box 屬性目前只在 WebKit 內(nèi)核的瀏覽器中有效，不過還有一種解決方案是使用 display: flex，這是 CSS3 引入的另一個彈性布局特性，它可以實(shí)現(xiàn)類似的效果?？傊?，如果需要讓文本以兩行的形式顯示，可以嘗試使用上述 CSS 樣式來實(shí)現(xiàn)。