看了这篇文章，http://www.w3cplus.com/content/css3-text-overflow

记一下要点：

.text-overflow-ellipsis {      -o-text-overflow: ellipsis;   text-overflow: ellipsis;   overflow: hidden;   white-space: nowrap;  }

text-overflow必须配合下面两个css才能正确。

但火狐不支持，但经测试，最新版本是支持的。不过下面的hack方法，在火狐下也是支持的。这样就可以对火狐特殊的样式进行设置。

/*Firefox实现效果*/ @-moz-document url-prefix(){	   .text-overflow span {         max-width: 70px;/* 在FF下改变内容宽度，用来放置:after增加的内容(...)*/    float: left;/*进行浮动*/   } } @-moz-document url-prefix(){	   /*利用:after增加(...)省略符*/   .text-overflow:after {      content:"...";/*增加省略符号*/      float: left;/*设置浮动*/      width: 25px;/*省略符宽度*/      padding-left: 5px;/*省略符内距，用来拉开内容之间的距离*/      color: #000;   } }

@-moz-document url-perfix(){}是firefox的一个独有属性，只有firefox浏览器能识别，也可以说是一种hack*/

  @-moz-document url-prefix(){	     css选择器 {       css样式设置     }   }