在CSS中，我們可以使用"overflow: hidden"來控制內容的顯示。當內容超出一定范圍時，我們可以隱藏溢出的部分，只顯示需要的部分。但是如果我們想要讓內容顯示兩行，該怎么做呢？ 首先，我們可以設置固定高度的容器，例如：

.box {
height: 50px;
overflow: hidden;
}

接下來，我們需要讓容器內的內容可以顯示兩行。我們可以使用"line-height"屬性來控制行高，例如：

.box p {
/* 行高為25像素 */
line-height: 25px;
}

這樣，當容器內的內容超出一行時，就會被截斷，只顯示兩行內容。我們可以在前兩行內容上方和下方添加省略號，表示還有更多內容未顯示，例如：

.box p {
/* 行高為25像素 */
line-height: 25px;
/* 添加省略號 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

這樣設置后，當內容超出兩行時，就會自動加上省略號，提示用戶還有更多內容。如果用戶想要查看完整的內容，可以通過點擊容器來展開更多內容。 總的來說，通過設置高度、行高和省略號等屬性，我們可以實現CSS內容顯示兩行的效果。這種效果可以讓頁面更加美觀和易讀，同時也可以提高用戶體驗。