text-overflow

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVG 中的 text-overflow 属性指定当文本溢出行框时,块级文本内容元素的渲染方式。例如,当 white-space 属性或 CSS 属性 的值为 nowrap 时,可能会发生这种情况。该属性不适用于预格式化文本或位于路径上的文本。

在 SVG 中,如果存在一个有效指定的换行区域,text-overflow 就会生效,而与文本内容块元素的 overflow 属性的计算值无关。这种效果纯粹是视觉上的:被裁剪的文本不会从 DOM 中移除,任何省略号(如果显示)本身也不会成为 DOM 的一部分。对于所有 DOM 方法来说,就好像 text-overflow 没有被应用一样,就好像换行区域没有约束文本一样。

注意: 作为一个表示属性,text-overflow 还有一个对应的 CSS 属性:text-overflow。当两者都被指定时,CSS 属性具有更高的优先级。

用法说明

clip | ellipses
默认值 clip
可动画的
clip

任何溢出换行区域的文本都将被裁剪。字符可能会被部分渲染。这是默认值。

ellipsis

如果需要渲染的文本溢出了换行区域,文本将被裁剪,并渲染一个省略号,使其适合给定的区域。

有关更多信息,请参阅 CSS text-overflow 属性。

规范

规范
CSS 溢出模块第 3 级
# text-overflow
Scalable Vector Graphics (SVG) 2
# TextOverflowProperty

浏览器兼容性

另见