首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-04 
终于将各个浏览器下的文字截断搞定了~~~? ? ? 搞了半天,由于不是用的div,而是用的table做的表格,并且里面

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

? ? ? 搞了半天,由于不是用的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样式才会有效果~

热点排行