CSS中，字符串截斷是一種常見的任務。當一個長字符或一段文本超出了容器的寬度時，我們通常需要將它截斷并添加“...”等符號來表示未顯示的部分。

在CSS中，我們可以使用text-overflow和overflow屬性來實現字符串截斷效果。其中，text-overflow屬性用于指定字符串截斷符號，而overflow屬性用于控制文本在容器中的顯示方式。

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

上面的代碼，將文本容器的overflow屬性設置為hidden，這樣當文本超出容器的寬度時，就會被隱藏。同時，text-overflow屬性設置為ellipsis，表示使用“...”符號來表示未顯示的文本部分。最后，white-space屬性設置為nowrap，表示文本不能換行。

除了使用text-overflow和overflow屬性外，我們還可以使用JavaScript來實現字符串截斷。不同于CSS中的方式，JavaScript可以動態地獲取文本長度以及容器寬度，從而更加靈活地實現字符串截斷。

然而，在使用JavaScript時，需要注意一些性能問題。如果需要對大量文本進行字符串截斷操作，應該避免使用DOM操作，而是應該使用Canvas等工具來實現。