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
?