今天我們來討論一下如何使用CSS來設置文本的行數。 在很多情況下，我們需要在特定的區域內顯示特定的行數文本。比如在一個卡片展示區域內，我們只想顯示兩行文本，超過兩行的部分隱藏起來。 那么該如何設置呢？我們可以使用CSS的text-overflow屬性。text-overflow屬性包括以下幾個參數： 1. clip：默認值，直接截斷文本 2. ellipsis：在文本結尾顯示省略號 3. string：在文本結尾顯示指定字符 例如：

.card-text {
display: -webkit-box;
-webkit-line-clamp: 2; // 指定行數
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

在上面的例子中，我們定義一個.card-text的class，其中包括幾個屬性： 1. display: -webkit-box; ：將元素設置為一條等寬且自動斷行的flex容器 2. -webkit-line-clamp: 2; ：指定顯示行數 3. -webkit-box-orient: vertical; ：用垂直方向排列文本 4. overflow: hidden; ：超過指定行數的文本隱藏 5. text-overflow: ellipsis; ：超過指定行數的文本顯示省略號 這樣設置后，我們就可以在.card-text類的元素內顯示指定行數的文本，并將超過指定行數的文本隱藏并且結尾顯示省略號。 總結：使用text-overflow屬性設置文本行數可以幫助我們實現更加精細化的文本展示效果，同時也提高了頁面的美感和可用性。