css中文本过长用省略号代替

CSS中文本过长时，会破坏页面的布局，影响用户体验。因此，我们可以使用CSS来让文本过长时自动用省略号代替。

 .text-ellipsis {
    overflow: hidden; /*溢出部分隐藏*/
    text-overflow: ellipsis; /*文字过长时用省略号代替*/
    white-space: nowrap; /*不换行*/
    width: 200px; /*限制宽度*/
  } 

以上代码中，我们使用了CSS中的三个属性：overflow、text-overflow和white-space，这三个属性的作用分别是溢出部分隐藏、文字过长时用省略号代替和不换行。

另外，我们还可以根据实际情况来调整宽度，限制文本过长时的长度。例如，将上述代码中的width属性修改为300px，即可限制文本长度为300px。

总的来说，使用CSS来让文本过长时自动用省略号代替，不仅能够避免文本溢出破坏页面布局，还能提升用户体验。