CSS截取字符串并用省略號顯示是一種非常有用的技巧。它能夠幫助我們在 WEB 開發中更好的處理文本溢出的情況，讓我們能夠更好地呈現內容，提升用戶的閱讀體驗。

在 CSS 中，我們可以使用 text-overflow 屬性來實現字符串截取并用省略號顯示。該屬性可以使用以下值：

text-overflow: clip;        // 截斷文本
text-overflow: ellipsis;    // 省略號表示截斷的文本
text-overflow: string;      // 顯示填充字符串來表示截斷的文本

其中，最常用的是使用 ellipsis 來表示省略號截斷的文本。我們可以通過下面這段 CSS 代碼來實現：

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

其中，使用 overflow 屬性將超出的文本隱藏，使用 white-space 屬性來控制文本不進行換行。最后，通過設置 text-overflow 為 ellipsis 來表示文本截取后使用省略號替代。

需要注意的是，該屬性僅在以下條件下生效：

• 文本必須是單行文本，不能進行換行
• 容器必須有指定寬度，不能使用百分比

以上就是 CSS 截取字符串并用省略號顯示的方法以及注意事項。希望對大家在 WEB 開發中能夠有所幫助。