CSS中的文本省略號顯示，可以讓長文本在不超出容器的情況下，以省略號“…”的形式呈現(xiàn)。比如下面這個例子：

<div class="ellipsis">這是一段非常非常非常非常非常非常
非常非常非常非常非常非常非常非常非常非常長的文本</div>

設(shè)置文本省略號的樣式，需要給容器設(shè)置以下屬性：

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

其中，white-space屬性設(shè)置為nowrap，表示不允許文本換行；overflow屬性設(shè)置為hidden，表示超出部分隱藏；text-overflow屬性設(shè)置為ellipsis，表示溢出文字以省略號“…”結(jié)束。

此外，需要給容器指定一個寬度，以便瀏覽器知道什么時候?qū)⑽谋窘財唷?/p>

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

可以調(diào)整width屬性的值，以確保容器大小適合文本長度。

使用CSS中的文本省略號顯示，可以使得長文本在不占用太多空間的情況下，清晰易讀。這是前端開發(fā)中常用的技巧之一。