JavaScript 实现

可以使用 JavaScript 实现文本溢出时的省略号效果，具体实现方法如下：

1. 获取文本所在的容器元素，比如一个 div 元素。

2. 获取容器元素的宽度和文本的宽度。

3. 判断文本是否超出容器的宽度，如果超出则进行省略号处理。

4. 将文本截断，只保留容器宽度内的部分，并在结尾添加省略号。

5. 将处理后的文本内容设置到容器元素中。

下面是一个简单的实现示例：

<div id="container">
  This is a long text that needs to be truncated if it exceeds the container width.
</div>

var container = document.getElementById('container');
var text = container.innerHTML;
var containerWidth = container.offsetWidth;
var textWidth = container.scrollWidth;

if (textWidth > containerWidth) {
  var truncatedText = text;
  while (truncatedText.length > 0 && container.scrollWidth > containerWidth) {
    truncatedText = truncatedText.slice(0, -1);
    container.innerHTML = truncatedText + '...';
  }
}

这段代码会检查容器元素中的文本是否超出容器宽度，如果超出则会不断地截断文本，直到文本长度小于等于容器宽度，然后在结尾添加省略号。