文本过长后，显示省略号。ff特有的hack方法。

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

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

/*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样式设置
     }
   }