CSS实现在FireFox下截取字符串显示省略号

使用CSS截取字符串并显示成省略号是一个比较实用的功能,将需要截取的时候交给CSS前端来处理,减少服务器资源浪费,使网页速度更快,但是有时候由于浏览器的兼容性,致使CSS截取字符串在IE和火狐下的处理方式并不相同,本代码是解决了火狐下的CSS截取字符串问题。
--------------------------------css样式-------------------------------------
<style>
<style type="text/css">
<!--
body{
 font-family: 宋体;
 font-size: 12px;
 color: #333333;
}
.div1{
width:200px;
}
.div1 a{
   white-space:nowrap;
   text-overflow:ellipsis; /* for internet explorer */
   overflow:hidden;
   width:168px;+width:200px;_width:200px;
   display:block;
   float:left;
   }
html>body .div1:after{
   content: "...";
   margin-left:5px;
}
-->
</style>



---------------------------------------html------------------------
<div class="div1"><a href="#">用CSS截取字符串并显示成省略号是一个比较实用的功能,将需要截取的时候交给CSS前端来处理</a></div>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值