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 需要配合以下两个属性使用：
| 默认值: | auto |
|---|---|
| 继承: | no |
| 动画: | 支持。 阅读关于 animatable |
| Version: | 3 |
| JavaScript 语法: | object.style.textOverflow="ellipsis" 尝试一下 |
语法
text-overflow: clip|ellipsis|string|initial|inherit;
| 值 | 描述 | |
|---|---|---|
| clip | 剪切文本。 | |
| ellipsis | 显示省略符号 ... 来代表被修剪的文本。 | |
| string | 使用给定的字符串来代表被修剪的文本。 | |
| initial | 设置为属性默认值。阅读关于 initial | |
| inherit | 从父元素继承该属性值。 阅读关于 inherit |
悬停显示整个文本
这个例子演示了当鼠标悬停在该元素，如何显示整个文本。
相关文章
CSS3 教程: CSS3 文本效果