CSS中有一種很實(shí)用的技巧，可以讓文本實(shí)現(xiàn)兩行顯示。這種技巧通常在展示文章列表或新聞標(biāo)題時(shí)使用，能夠讓頁面更加美觀和易讀。

要實(shí)現(xiàn)兩行顯示，我們需要使用CSS的text-overflow屬性和ellipsis值。具體實(shí)現(xiàn)步驟如下：

/* 設(shè)置文本單行顯示 */
.single-line {
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
/* 設(shè)置文本兩行顯示 */
.two-lines {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2; /* 顯示兩行 */
}

以上代碼中，.single-line樣式只能實(shí)現(xiàn)文本單行顯示。而.two-lines中，我們使用了display為-webkit-box，這個(gè)屬性可以將文本以塊級(jí)元素的形式顯示，并且其容器會(huì)按照設(shè)置的高度進(jìn)行裁剪。同時(shí)，我們也使用了-webkit-line-clamp屬性，將文本內(nèi)容限制在兩行，并且超出的文本部分使用省略號(hào)代替。

需要注意的是，這種技巧在IE瀏覽器中不被支持，所以我們需要為IE編寫特殊樣式。

總結(jié)一下，通過使用text-overflow和ellipsis以及-webkit-box和-webkit-line-clamp屬性，我們能夠輕松地實(shí)現(xiàn)文本的兩行顯示效果。