css超出宽度换行并出现省略号

可以使用CSS的`text-overflow`属性来实现文本溢出时出现省略号的效果，结合`white-space`和`overflow`属性来控制文本的换行和溢出方式。具体实现方法如下：

1. 将元素的`white-space`属性设置为`nowrap`，表示不换行；
2. 将元素的`overflow`属性设置为`hidden`，表示溢出部分隐藏；
3. 将元素的`text-overflow`属性设置为`ellipsis`，表示溢出部分用省略号代替。

例如，下面的样式可以让一个宽度为200px的元素内的文本超出部分出现省略号：

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