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

td内容过长时展示.

2013-11-26 
td内容过长时显示...通常情况下控制元素不换行并显示...的样式为:{white-space:no-wraptext-overflow:ell

td内容过长时显示...

通常情况下控制元素不换行并显示...的样式为:

{

white-space:no-wrap;

text-overflow:ellipsis;

overlfow:hidden;

width:100px or 50%;宽度一定要有

}

这样绝大部分情况都能OK了,但是在IE 8,9下table设了table-layout:fixed之后的td可能是无效。

此时可能word-wrap不是默认值了,加上word-wrap:normal就OK了.

?

如果table有没有设table-layout:fixed,并且有宽度,即td不会被内容撑开,此时上面的常用CSS就可以正常工作了。

?

opera 12下td照上面这些做法都不行,td默认是display:table-cell,但是在opera12下非得是block,inline-block时overflow:hidden才有效,所以最好的做法是用个div包在td里面,将样式加在此div上。当然,在IE 8,9上就算加了div也得加个word-wrap:normal

?

热点排行