在CSS中，我們常常會使用省略號來表示文本的截斷，這對于網頁的布局和美觀度十分重要。

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

以上代碼中，我們使用了text-overflow屬性來添加省略號，同時也需要將overflow屬性設為hidden，使得文本超出部分被隱藏起來。

然而，有的時候我們希望在超出一定長度后才添加省略號，而不是在20字之后就強制添加。這時候，我們可以使用webkit-line-clamp屬性來實現這個效果。

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

以上代碼中，我們將元素的display屬性設為-webkit-box，同時設定了-webkit-box-orient屬性為vertical，使元素內部的文本沿垂直方向排列。接著，我們使用了-webkit-line-clamp屬性，將元素高度限制在3行內。這樣，文本長度超出3行后就會自動添加省略號。

通過以上兩種方法，我們可以在CSS中輕松地添加省略號，使得我們的網頁在視覺效果上更加出色。