CSS3 text-overflow 属性

最后更新于：2022-03-26 21:41:30

CSS3 text-overflow 属性

实例

使用text-overflow属性：

div.test {
text-overflow:ellipsis;
}

尝试一下 »

在此页底部有更多的例子。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
text-overflow 4.0 6.0 7.0 3.1 11.0
9.0 -o-

属性定义及使用说明

text-overflow 属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (…) 或显示自定义字符串（不是所有浏览器都支持）。

text-overflow 需要配合以下两个属性使用：

  • white-space: nowrap;
  • overflow: hidden;
默认值: auto
继承: no
动画: 支持。 阅读关于 animatable
Version: 3
JavaScript 语法: object.style.textOverflow=”ellipsis”
尝试一下

语法

text-overflow: clip|ellipsis|string|initial|inherit;

值 描述
clip 剪切文本。
ellipsis 显示省略符号 … 来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。
initial 设置为属性默认值。阅读关于 initial
inherit 从父元素继承该属性值。 阅读关于 inherit

Examples

更多实例

悬停显示整个文本
这个例子演示了当鼠标悬停在该元素，如何显示整个文本。

相关文章

CSS3 教程: CSS3 文本效果