终于将各个浏览器下的文字截断搞定了~~~
? ? ? 搞了半天,由于不是用的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样式才会有效果~