CSS 可以很方便地控制文本的顯示樣式，包括文本的大小、顏色、字體等等。但是，當我們想要限制文本的行數時，就需要用到一個 CSS 屬性：line-clamp。
line-clamp 屬性可以讓我們指定文本顯示的行數，超過這個行數的文本會被省略號 (...) 截斷。這個屬性非常適合在卡片式布局中使用。
下面是一個簡單的示例，用來演示如何在 CSS 中使用 line-clamp 屬性：

p {
/* 顯示 3 行文本 */
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

這段 CSS 代碼將使所有的 p 標簽只顯示 3 行文本。如果要增加或減少顯示行數，只需將 -webkit-line-clamp 的值更改為所需的行數即可。
需要注意的是，很多瀏覽器只支持前綴為 -webkit- 的 CSS 屬性，所以我們需要在屬性名稱前加上 -webkit- 前綴。另外，還需要設置 display 屬性為 -webkit-box 和 -webkit-box-orient 為 vertical，這是必須的，否則 line-clamp 屬性將不起作用。
總體來說，line-clamp 屬性可以讓我們通過控制 CSS，輕松控制文本的顯示行數，并可以在不同的布局中使用。如果你想要控制文本的顯示行數，請一定要嘗試使用 line-clamp 屬性。