vue span 名字太长设成省略号

你可以使用 CSS 的 text-overflow: ellipsis 属性来给 <span> 元素添加省略号。同时，你还需要设置 display: block 或 display: inline-block 来让 <span> 元素能够显示省略号。

以下是一个示例：

HTML:

<span class="ellipsis">这是一个很长的名字</span>

CSS:

.ellipsis {
  display: inline-block;
  width: 100px; /* 设置合适的宽度 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

在上面的示例中，我们给 <span> 元素添加了 .ellipsis 类，并设置了宽度为 100px。这样，当名字超过 100px 的宽度时，就会显示省略号。你可以根据实际情况调整宽度和其他属性来满足你的需求。