css多余文字显示省略号

在CSS中，我们可以使用`text-overflow`属性来控制文本超出容器时的显示方式。其中，常用的取值有`ellipsis`，表示用省略号来显示多余的文本。

以下是一个简单的示例：

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

在上面的示例中，我们定义了一个类`.ellipsis`，设置了一个固定宽度和超出隐藏的样式，同时使用`text-overflow: ellipsis;`来显示省略号。

需要注意的是，该属性通常和`white-space: nowrap;`和`overflow: hidden;`一起使用，以确保文本在一行内显示并且超出部分被隐藏。

通过使用`text-overflow: ellipsis;`属性，我们可以让多余的文本显示为省略号，避免文本溢出容器的情况发生。