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