CSS中，我們通常使用px、em、rem等單位表示長度或尺寸。但是，有時候我們需要將超出的文本省略號來代替，這時我們可以使用CSS++中的一個新單位——「...」。

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

在上面的代碼中，我們?yōu)樵靥砑恿恕竧ext-overflow: ellipsis;」，這個屬性表示超出文本會被省略號所代替。同時，我們也需要將元素的「white-space」屬性設(shè)為「nowrap」，防止文本換行。

另外，我們還可以使用「::after」偽元素來實現(xiàn)相同的效果。

.ellipsis::after {
content: "...";
position: absolute;
right: 0;
bottom: 0;
padding-left: 5px;
background: white;
}

在這個代碼中，我們使用「content」來添加省略號字符。同時，「position: absolute;」表示該偽元素將會相對于其父元素進(jìn)行絕對定位。我們將其「right」和「bottom」屬性設(shè)為0，使該偽元素出現(xiàn)在元素的右下角。而「padding-left: 5px;」則將省略號與文本之間添加了一定空隙。

最后，使用「background: white;」將省略號偽元素的背景色設(shè)為白色，避免其出現(xiàn)殘留的效果。