CSS中的省略號是在文本內容過長時顯示的一種處理方式。在實際應用當中，經常會遇到需要省略號來顯示長文本內容的情況。下面將介紹CSS中如何使用省略號。

/* 單行顯示省略號 */
.single-line-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 多行顯示省略號 */
.multi-line-ellipsis {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}

代碼解析：

/* 單行顯示省略號 */
.single-line-ellipsis {
overflow: hidden; /* 設置元素的高度或者寬度 */
text-overflow: ellipsis; /* 設置省略號 */
white-space: nowrap; /* 設置文本不換行 */
}
/* 多行顯示省略號 */
.multi-line-ellipsis {
overflow: hidden; /* 設置元素的高度或者寬度 */
display: -webkit-box; /* 設置元素為塊級元素 */
-webkit-line-clamp: 3; /* 設置最多顯示的行數 */
-webkit-box-orient: vertical; /* 設置豎向排列 */
text-overflow: ellipsis; /* 設置省略號 */
}

以上兩種方式均為常用的CSS顯示省略號的方法。其中，單行顯示省略號需要設置元素的高度或者寬度，并且設置文本不換行。多行顯示省略號則需要將元素設置為塊級元素，設置最多顯示的行數，以及設置豎向排列。在實際應用中，可以根據需求選擇合適的方式，達到最佳的效果。