CSS是網頁設計過程中不可或缺的一部分。在文章排版中，文本的行數通常很重要，因為過長的文本會使網頁布局混亂。因此，有時需要限制文本行數。幸運的是，CSS提供了易于使用和靈活的解決方案。

要限制CSS中的文本行數，可以使用以下代碼：

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

這些樣式將在一個包含文本的元素上使用，例如一個段落或帶文本的DIV。

首先，使用overflow：hidden屬性，以便不顯示超出定義高度的文本。然后，使用text-overflow：ellipsis屬性，當溢出時用省略號表示文本。

最后，使用display：-webkit-box屬性將文本塊作為彈性元素顯示，而不是作為塊元素。這允許文本作為行顯示。使用-webkit-line-clamp：3屬性，指定最大行數為3行。最后，使用-webkit-box-orient：vertical屬性設置文本在垂直方向上顯示。

這是一個示例：

<p class="text">這里是一段很長的文本，但是只顯示3行，超過的部分使用省略號表示。</p>

這樣，就可以通過CSS輕松地限制文本行數了。這對于提高網頁可讀性和用戶體驗非常重要。