css 实现文字换行 ，后文字溢出变成省略号

可以通过CSS的文本溢出属性（text-overflow）和white-space属性来实现文字换行和溢出后省略号的效果。

具体的做法是先给元素设置一个固定的宽度，然后设置white-space属性为nowrap，这样文字就可以在一行内显示。接着，设置文本溢出属性为ellipsis，这样当文字超出元素宽度时，就会变成省略号。

例如：

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

这样就可以实现文字自动换行，并且溢出后显示省略号的效果。