css 超出部分省略号

要实现在 CSS 中超出部分省略号，你可以使用 `text-overflow` 属性结合 `white-space` 和 `overflow` 属性来实现。

首先，将要显示省略号的元素的宽度设置为固定宽度或者使用 `max-width` 属性限制宽度。

然后，将 `white-space` 属性设置为 `nowrap`，这样文本就不会换行。接着，将 `overflow` 属性设置为 `hidden`，以便隐藏超出元素宽度的文本。

最后，使用 `text-overflow` 属性设置省略号的样式。常用的取值有：

- `clip`：直接裁剪文本，不显示省略号。
- `ellipsis`：在超出部分显示省略号。

例如，以下是一个示例的 CSS 代码：

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

在 HTML 中使用该类名的元素，超出部分的文本将会被省略并显示为省略号。记得将 `.ellipsis` 类名应用到你想要实现省略号效果的元素上。