纯css实现文本溢出省略(兼容IE6+、FF2.0+、Opera9.26+)by Ardge
2010-02-08 15:20
429 查看
代码
.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.
.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.
相关文章推荐
- 纯css文本溢出省略(兼容IE6+、FF2.0+、Opera9.26+)
- 纯css文本溢出省略(兼容IE6+、FF2.0+、Opera9.26+、sefari)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- (轉)CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- 用Css实现文本竖直显示,兼容IE, FF和Chrome
- 纯css文本溢出省略(需定义宽度,兼容IE6、IE7、Firefox2.0、Opera9.0)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- 【CSS/JS】如何实现单行/多行文本溢出的省略(...)--老司机绕过坑道的正确姿势
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- 【CSS/JS学习】如何实现单行/多行文本溢出的省略(...)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- [原创] 纯css文本溢出省略(需定义宽度,兼容IE6、IE7、Firefox2.0、Opera9.0)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
- CSS实现多行文本溢出省略效果和单行文本溢出省略效果
- 【CSS/JS学习】如何实现单行/多行文本溢出的省略(...)--老司机绕过坑道的正确姿势