純css實現文本溢出省略（相容IE6+、FF2.0+、Opera9.26+）by Ardge

代碼

.textoverflow a {
 display:block;
 width:120px;
 margin: 0px 0px 0px 3px;
 white-space: nowrap;
 overflow: hidden;
 float: left;
 -o-text-overflow: ellipsis;    /* for Opera */
 text-overflow: ellipsis;        /* for IE */
}

.textoverflow:after{ 
 content: “…”; 
}/* for Firefox */

@media all and (min-width: 0px){
 .textoverflow:after{ content:""; /* for Opera */ 
 }
} 

 

 

By Ardge.