前端怎么实现一串字符，超过指定长度显示三个点省略，且鼠标悬浮显示全部名称

这个功能可以通过 CSS 的 text-overflow 和 white-space 属性来实现。

text-overflow 属性用于指定当文本溢出容器时如何显示，可以设置为 ellipsis，表示用省略号来表示被修剪的文本。

white-space 属性用于指定如何处理元素中的空白符，可以设置为 nowrap，表示文本不换行。

具体实现方法如下：

1. 设置容器的宽度和 overflow 属性为 hidden，即超过容器宽度的部分被隐藏。

2. 设置文本的 white-space 属性为 nowrap，表示文本不换行。

3. 设置 text-overflow 属性为 ellipsis，表示用省略号来表示被修剪的文本。

4. 使用 title 属性为元素添加鼠标悬浮提示，提示内容为全部文本。

示例代码如下：

<style>
    .ellipsis {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>
<div class="ellipsis" title="这是一段超长文本，鼠标悬浮可以查看全部内容">这是一段超长文本，超过宽度部分被省略。</div>

在实际开发中，可以根据需要自定义样式和长度限制。