text-overflow

定义和用法

text-overflow 属性规定当文本溢出包含元素时发生的事情。

另请参阅：

CSS3 教程：CSS3 文本效果

HTML DOM 参考手册：textOverflow 属性

实例

使用 text-overflow 属性：

div.test
{
text-overflow:ellipsis;
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

页面底部有更多实例。

CSS 语法

text-overflow: clip|ellipsis|string;

属性值

值	描述	测试
clip	修剪文本。	测试
ellipsis	显示省略符号来代表被修剪的文本。	测试
string	使用给定的字符串来代表被修剪的文本。

技术细节

默认值：	clip
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.textOverflow="ellipsis"

更多实例

带有 hover 效果的 Text-overflow

本例演示当光标浮动到元素上时如何显示全部文本。

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

带 -o- 的数字表示使用前缀的首个版本。

Chrome	IE / Edge	Firefox	Safari	Opera
4.0	6.0	7.0	3.1	11.0 9.0 -o-