CSS文字只顯示兩行 在網頁開發中，我們經常需要對文字進行排版和樣式的設計。有時候，我們需要限制文字的顯示行數，比如我們只希望文字顯示兩行，超過兩行的部分將會被截斷隱藏。這個時候，我們可以使用CSS來實現這一效果。 首先，在我們的HTML文件中，我們可以使用p標簽來包裹我們的文字內容。比如：

這是一篇需要限制文字只顯示兩行的文章。在實現這個功能的時候，我們需要用到CSS的text-overflow屬性和line-clamp屬性。

接下來，我們需要使用CSS來實現文字只顯示兩行的效果。我們可以使用text-overflow屬性來指定超出兩行的部分隱藏，同時使用line-clamp屬性來指定文字顯示的行數為2。具體的CSS代碼如下：

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

這段CSS代碼的含義是，將p標簽的顯示方式設置為-webkit-box，并且設置其垂直排列。將超出兩行的內容隱藏，并且用省略號代替被隱藏的文字部分。同時，將文字的行數限制為2。 這樣，我們就成功地實現了“CSS文字只顯示兩行”的需求。 總結 在網頁開發中，文字排版和樣式設計是非常重要的一環。而限制文字的顯示行數也是一個比較常見的需求。通過使用CSS的text-overflow屬性和line-clamp屬性，我們可以輕松地實現這一效果。希望這篇文章能夠對你有所幫助。