Text Overflow
text-overflow CSS 属性用于确定如何提示用户存在隐藏的溢出内容。其形式可以是裁剪、显示一个省略号（“…”）或显示一个自定义字符串。
语法
| Class | 属性 | 描述 |
|---|---|---|
| truncate | overflow: hidden; text-overflow: ellipsis; white-space: nowrap; | 防止文本换行，并在需要时使用省略号（…）截断溢出的文本 |
| text-ellipsis | text-overflow: ellipsis; | 用一个省略号（'…'、U+2026 HORIZONTAL ELLIPSIS）来表示被截断的文本 |
| text-clip | text-overflow: clip; | 在内容区域的极限处截断文本，因此可能会在单词的中间发生截断 |
适用组件
| 文本 | 按钮 |
|---|---|
| text | button |
示例
truncate
防止文本换行，并在需要时使用省略号（…）截断溢出的文本
text-ellipsis
这个关键字会用一个省略号（'…'、U+2026 HORIZONTAL ELLIPSIS）来表示被截断的文本。 这个省略号被添加在内容区域中，因此会减少显示的文本。如果空间太小以至于连省略号都容纳不下，那么这个省略号也会被截断。
text-clip
默认值。这个关键字会在内容区域的极限处截断文本，因此可能会在单词的中间发生截断。如果你的目标浏览器支持 text-overflow: ''， 为了能在两个单词过渡处截断，你可以使用一个空字符串值（''）作为 text-overflow 属性的值。