CSS規定顯示幾個字符串是一個非常常見的問題。在前端開發中，經常需要對文本進行限制長度的處理，以便在頁面中顯示更好的效果。

CSS提供了幾種方法來限制顯示字符串的數量。

方法一：text-overflow

text-overflow屬性可以控制文本超出容器部分的展示方式。該屬性有三個值可選：clip、ellipsis和string。其中，最常用的是ellipsis，表示用省略號代替被修剪的文本。

.text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

方法二：max-width

max-width屬性可以限制文本容器的最大寬度。當文本超出容器部分時，自動換行。該方法需要保證文本容器為塊級元素。

.text {
max-width: 200px;
}

方法三：line-clamp

line-clamp屬性可以限制文本行數。該屬性需要結合display: -webkit-box和-webkit-box-orient: vertical使用。

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