在CSS中，省略號(...)可以用來代表截取長字符串的省略部分，它是一個非常實用的功能。下面我們來看一下如何在CSS中使用省略號。

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

以上代碼中，我們定義了一個類名為text的元素，它的寬度為100像素，并且設置了不換行（nowrap），超出部分隱藏（overflow:hidden）和使用省略號（text-overflow:ellipsis）。

需要注意的是，使用省略號的元素必須要有固定的寬度，并且不能設置為浮動（float）或者定位（position）。

除了使用text-overflow屬性來實現省略號之外，我們還可以在元素中使用以下代碼來實現省略號：

/* 單行文字，不兼容ie6/7 */
{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
/* 多行文字，兼容各大瀏覽器 */
{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

如果我們需要在多行文字中使用省略號，那么需要使用兩個CSS屬性：display和-webkit-line-clamp。-webkit-line-clamp表示最多顯示幾行，它只兼容webkit內核的瀏覽器。而display: -webkit-box和-webkit-box-orient: vertical則指定了顯示方式和排列方式。

在實際開發中，我們可以根據實際需要來選擇使用哪種方式來實現省略號效果。