CSS是網(wǎng)頁設(shè)計中的重要一環(huán)，可以讓頁面的展示更加美觀、易讀。在CSS中，有時候我們需要控制頁面內(nèi)容的行數(shù)，比如在新聞頭條展示中，我們希望每篇文章的標(biāo)題只展示兩行，那么如何實現(xiàn)呢？這就需要使用CSS的“限定行數(shù)”功能。

實現(xiàn)“限定行數(shù)”的方法很簡單，只需要添加以下樣式：

.line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2 /* 限定兩行 */;
}

上述代碼會將元素的顯示模式設(shè)置為彈性盒子模型（Flexbox），并且限定顯示內(nèi)容為水平方向，最多顯示兩行。如果文本超出兩行，則使用省略號省略。

使用這種方式實現(xiàn)“限定行數(shù)”的效果，在新聞列表中非常常見。它不僅能夠保持頁面整潔，還可以讓用戶更加清晰地了解新聞內(nèi)容。