终于将各个浏览器下的文字截断搞定了~~~

      搞了半天,由于不是用的div,而是用的table做的表格,并且里面还有个a标签,所以对于td中的文字截断是伤透了脑经。(本人比较菜)

         不过经过我的不懈努力,还是实现了我想要的效果。好了,废话不多说,贴代码:

就是在a标签的style里面加上

style=" display:inline-block;

   vertical-align:middle;

   overflow:hidden;

   width: 300px;

   height: 22px;

   line-height: 22px;"

其中设置的宽度的值要比该td的实际宽度要短,这样显示的截断字符串比较好看。同时红字显示的属性,前者是截断文字(如果不加这个属性,在火狐和谷歌等浏览器中没有截断文字的效果,只有ie有),后者是使截断后的文字能在表格居中。

 

特别要注意的是:在td标签的style属性中写文字截断的样式是行不通的,只有在td下的div或者是在td下的其他标签中写style样式才会有效果~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值