CSS3 text-overflow 属性
定义及用法
text-overflow 属性指定当文本溢出包含它的元素,应该发生什么。
默认值: | clip |
---|---|
继承: | 否 |
可动画化: | 否。 请参阅 animatable |
版本: | CSS3 |
JavaScript 语法: | object.style.textOverflow="ellipsis" 尝 试 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
紧跟在 -o- 前的数字为支持该前缀属性的第一个浏览器版本号。
属性 | ||||||
---|---|---|---|---|---|---|
text-overflow | 4.0 | 12.0 | 6.0 | 7.0 | 3.1 | 11.0
9.0 -o- |
CSS 语法
text-overflow: clip|ellipsis|string|initial|inherit;
属性值
值 | 描述 | 演 示 |
---|---|---|
clip | 默认值。修剪文本。 | 演 示 » |
ellipsis | 显示省略符号("...")来代表被修剪的文本。 | 演 示 » |
string | 使用给定的字符串来代表被修剪的文本。 | |
initial | 将此属性设置为其默认值。请参阅 initial | 演 示 » |
inherit | 从其父元素继承此属性。请参阅 inherit |

更多实例
悬停显示整个文本
这个例子演示了当鼠标悬停在该元素,如何显示整个文本。
相关文章
CSS3 教程:CSS3 Text Effects
HTML DOM 参考手册:textOverflow 属性