text-overflow 是 CSS 中用于处理溢出文本的属性。它通常与 overflow: hidden 和 white-space: nowrap 一起使用，以便在容器不足以容纳整个文本时，通过省略号 (...) 或其他指定的字符串来表示溢出的部分。

以下是一些常见的取值：

1. clip（裁剪）： 默认值，超出容器的文本被裁剪，不显示省略号。
   .ellipsis {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: clip;
   }

2. ellipsis（省略号）： 超出容器的文本会被裁剪，并在末尾显示省略号。
   .ellipsis {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }

3. string（指定字符串）： 超出容器的文本会被裁剪，并在末尾显示指定的字符串。
   .custom-ellipsis {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: '... More';
   }

这些设置通常用于确保文本不会溢出容器，以提供更好的用户体验。在使用时，需要注意一些浏览器对这个属性的支持可能会有一些差异。


转载请注明出处：http://www.zyzy.cn/article/detail/6141/CSS