CSS中的文本溢出（text-overflow）屬性可以用來控制文本在容器中超出范圍時如何表現，比如截斷，省略號等，但是如果我們想在截斷的文本后面添加一些額外的內容，該怎么辦呢？

這時就需要利用after偽元素來解決這個問題：

div {
/* 定義寬度和高度 */
width: 200px;
height: 50px;
/* 定義溢出隱藏 */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/* 添加after偽元素 */
position: relative;
}
div::after {
/* 添加內容 */
content: "...";
/* 放置位置 */
position: absolute;
right: 0;
bottom: 0;
}

以上代碼定義了一個寬度為200px，高度為50px的div容器，并將文本超出范圍時進行截斷并顯示省略號。同時利用after偽元素添加一個省略號，放置在容器的右下角。

需要注意的是，我們必須將容器的position屬性設置為relative，這樣after偽元素才能以容器為基準進行定位。同時，為了防止省略號遮蓋住文本，需要給容器添加overflow: hidden屬性進行隱藏。

使用after偽元素可以讓我們更加靈活地掌控文本溢出的情況，實現更多樣化的效果。