[原创] 纯css文本溢出省略(需定义宽度,兼容IE6、IE7、Firefox2.0、Opera9.0)
1
.textoverflow a {
2
display:block;
3
width:120px;
4
margin: 0px 0px 0px 3px;
5
white-space: nowrap;
6
overflow: hidden;
7
float: left;
8
-o-text-overflow: ellipsis; /* for Opera */
9
text-overflow: ellipsis; /* for IE */
10
}
11
.textoverflow:after{ content: "
"; }/* for Firefox */
12
@media all and (min-width: 0px){ .textoverflow:after{ content:""; }/* for Opera */ }
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedBlockStart.gif)
2
![](http://www.phpweblog.net/Images/OutliningIndicators/InBlock.gif)
3
![](http://www.phpweblog.net/Images/OutliningIndicators/InBlock.gif)
4
![](http://www.phpweblog.net/Images/OutliningIndicators/InBlock.gif)
5
![](http://www.phpweblog.net/Images/OutliningIndicators/InBlock.gif)
6
![](http://www.phpweblog.net/Images/OutliningIndicators/InBlock.gif)
7
![](http://www.phpweblog.net/Images/OutliningIndicators/InBlock.gif)
8
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
9
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
10
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedBlockEnd.gif)
11
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](http://www.phpweblog.net/Images/dot.gif)
12
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedBlockStart.gif)
请按实际情况自行调整。