CSS3 text-overflow 属性

使用text-overflow属性：

div.test {
    text-overflow:ellipsis;
}

浏览器支持

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

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
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
可动画化:	是
版本:	CSS3
JavaScript 语法:	object.style.textOverflow="ellipsis"

语法

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

属性值

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