CSS全兼容实现文字省略标记
2007-12-26 17:16
281 查看
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 */ }
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 纯css实现文本溢出省略（兼容IE6+、FF2.0+、Opera9.26+）by Ardge
- CSS实现背景透明，文字不透明（各浏览器兼容）
- CSS实现文字自动换行(兼容Firefox)
- CSS实现背景透明，文字不透明（各浏览器兼容）
- CSS实现背景透明，文字不透明（各浏览器兼容） (转)
- CSS实现单行与多行文字省略（truncation）
- CSS实现背景透明，文字不透明（兼容各浏览器）
- CSS实现背景透明，文字不透明，兼容所有浏览器
- CSS实现背景透明，文字不透明（各浏览器兼容）
- CSS实现背景透明，文字不透明（兼容各浏览器）
- CSS实现背景透明，文字不透明（兼容各浏览器）
- -webkit-line-clamp 实现限制文字显示多行省略（CSS 多行省略）
- CSS实现背景透明,文字不透明(各浏览器兼容)
- CSS实现背景透明，文字不透明（各浏览器兼容）
- CSS实现背景透明文字不透明兼容各种浏览器有图有真相
- CSS 实现多余文字省略号的方法：
- CSS实现背景透明，文字不透明（兼容各浏览器）
- CSS实现背景透明，文字不透明，兼容所有浏览器
- css实现纯文字内容元素透明背景（兼容IE6）
- css 同行文字超长显示省略标记