CSS 中有一个十分实用的属性——text-overflow。它的作用是控制当文本超过容器宽度时，如何显示超过部分。 常用的属性值有以下几种： 1. clip：超过部分不显示，直接截断； 2. ellipsis：超过部分显示省略号（...）； 3.字符串：可以自定义省略的字符串，比如说“more”或“查看更多”等等。 当我们设置text-overflow属性时，需要配合white-space和overflow属性使用。其中，white-space属性用来控制文本的换行形式，overflow属性用来控制文本溢出容器的样式。 下面是一个例子，可以更加直观地理解text-overflow属性的用法： ```

这是一段很长很长的文本，我们可以通过设置text-overflow属性来控制它的显示效果。

``` 在以上代码中，我们创建了一个p标签，设置了宽度为200px，并且通过white-space属性来控制了文本不允许换行。然后，我们通过overflow属性来隐藏了超过部分，并通过text-overflow属性来让超过部分显示省略号。 另外需要注意的是，text-overflow属性只在部分浏览器中支持，比如说IE浏览器就不支持。但是，我们可以通过一些hack的方式来实现类似的效果，比如说使用JS来控制文本长度和呈现方式。 总的来说，text-overflow属性是CSS中非常实用的一个属性，尤其是在处理文字过长的场景下，可以让我们更好地掌控文本的呈现效果。