text-overflow是一个常用的CSS属性，作用是让文本超出容器区域的部分以省略号显示。

要让它生效， 还需要配合设置其它几个css属性。示例CSS代码：

    p {  
        white-space: nowrap;  
        width: 100%;                   /* IE6 needs any width */  
        overflow: hidden;              /* "overflow" value must be different from "visible" */  
        -o-text-overflow: ellipsis;    /* Opera 9-10 */  
        text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */  
    }

浏览器支持：

浏览器	版本	支持
Internet Explorer	6.0+	text-overflow	ellipsis | clip
Firefox (Gecko)	7.0+	text-overflow	ellipsis | clip
Opera (Presto)	9.* – 10.*	-o-text-overflow	ellipsis | clip
	11.0+	text-overflow	ellipsis | clip
Safari | Chrome | WebKit	1.3 | 1.0 | 312.3	text-overflow	ellipsis | clip