css 文字加省略号

要使用 CSS 实现文字溢出时显示省略号，可以使用 `text-overflow` 和 `overflow` 属性。以下是一个示例：

<style>
  .ellipsis {
    white-space: nowrap; /* 强制文本在同一行显示 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 使用省略号代替溢出的文本 */
    width: 200px; /* 设置容器宽度，根据实际情况调整 */
  }
</style>

<div class="ellipsis">
  这是一个很长很长的文本，当超出容器宽度时将显示省略号。
</div>

在上面的示例中，我们创建了一个带有 `ellipsis` 类的容器，并通过 CSS 设置了相关属性。`white-space: nowrap` 强制文本在同一行显示，`overflow: hidden` 将超出容器宽度的部分隐藏，而 `text-overflow: ellipsis` 使用省略号来代替溢出的文本。你可以根据实际需求调整容器的宽度和其他样式。

希望这个示例对你有所帮助！如果还有其他问题，请随时提问。