+ -
当前位置:首页 → 问答吧 → 终于将各个浏览器下的文字截断搞定了~~~

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

时间:2011-06-21

来源:互联网

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




        搞了半天,由于不是用的div,而是用的table做的表格,所以对于td中的文字截断是伤透了脑经。(本人比较菜)

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

        就是在a标签的style里面加上
  1. style="display:inline-block;

  2.                    vertical-align:middle;

  3.                    overflow:hidden;

  4.                    width: 300px;

  5.                    height: 22px;

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

作者: feiyang10086   发布时间: 2011-06-21

看样子行

作者: pcghost_cu   发布时间: 2011-07-17