css中文字符太长,超出文本区域怎么实现省略号?

1、首先在html 页面引入一个css文件

2、在css文件里写上

text-ellipsis{

　　width:500px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;

　　}