如果我們要在網(wǎng)頁中顯示較長的文字，但又不想使網(wǎng)頁的寬度過大，那么我們就需要在CSS中使用多排顯示文字。下面我們來看一下如何實現(xiàn)。

.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

在上面的代碼中，我們使用了一些CSS屬性來實現(xiàn)多排顯示。首先，我們使用了overflow:hidden屬性來隱藏超出我們想要顯示的區(qū)域的內(nèi)容。接著，我們使用了text-overflow:ellipsis屬性來用省略號代替被隱藏的內(nèi)容。我們還使用了white-space:nowrap屬性來禁止文本換行。

但是這還不夠，我們還需要使用display:-webkit-box來將文本按照我們想要的方式排布。同時，我們還需要使用-webkit-box-orient:vertical來讓文本垂直排布。最后，我們使用了-webkit-line-clamp:3屬性來限制文本的行數(shù)，這里我們限制了文本的行數(shù)為3行。

這樣設(shè)置之后，當(dāng)文本超出設(shè)定的區(qū)域時，多余的內(nèi)容就會被省略，并以省略號表示。