text-overflow的用法

text-overflow是CSS样式属性，用于控制当文本溢出容器时如何显示。

常见的取值有：

• clip：默认值，表示将溢出的部分隐藏。
• ellipsis：表示将溢出的文本显示为省略号（…）。
• inherit：继承父元素的文本溢出样式。

示例：

.text-ellipsis {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 溢出隐藏 */
  text-overflow: ellipsis; /* 超出部分以省略号显示 */
}

在上面的示例中，当文本内容超出容器的宽度时，将以省略号的形式显示。需要注意的是，通常需要配合white-space: nowrap;和overflow: hidden;这两个样式属性一起使用，来确保省略号的效果正常显示。

text-overflow通常用于单行文本或者内联元素，对于多行文本或块级元素，更适合使用-webkit-line-clamp结合-webkit-box来实现类似的效果。