在網頁設計中，文本的排版是非常重要的一環。在一些情況下，我們需要限制文本的顯示行數，以保證網頁布局整潔、美觀。那么，該如何實現CSS文本只顯示兩行的效果呢？下面我們來詳細講解。 首先，我們需要使用CSS中的文本截斷屬性“text-overflow”。該屬性可為文本內容指定一個截斷字符串，并在元素的邊緣處截斷文本。例如： pre { white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 在以上代碼中，我們使用了“-webkit-line-clamp”屬性來指定需要顯示的行數，這里為2行。同時，配合“display: -webkit-box;“和“-webkit-box-orient：vertical;”屬性，可以保證溢出文本的截斷效果。 需要注意的是，以上代碼只能在Safari和Chrome瀏覽器中生效。如果需要在其他瀏覽器中實現同樣的效果，還需要添加相應的前綴。 通過以上代碼，我們便能夠實現CSS文本只顯示兩行的效果。當然，在實際應用中，我們還需要根據具體需求進行調整和優化，以達到最佳的顯示效果。