DevShelf

Appearance

text-overflow ​

描述 ​

text-overflow CSS 属性设置如何向用户发出隐藏的溢出内容信号。它可以被剪裁、显示省略号（' … '）或显示自定义字符串。

效果展示 ​

语法 ​

css
text-overflow: clip;
text-overflow: ellipsis;

值 ​

  • clip 该属性的默认值。此关键字值将在内容区域的限制处截断文本，因此截断可能发生在字符的中间。要剪辑字符之间的过渡，您可以将 text-overflow 指定为空字符串（如果您的目标浏览器支持的话）： text-overflow: ''; 。
  • ellipsis 此关键字值将显示省略号（ '…' 、 U+2026 HORIZONTAL ELLIPSIS ）来表示剪切的文本。省略号显示在内容区域内，减少显示的文本量。如果没有足够的空间来显示省略号，则会将其剪掉。