当前位置: 代码迷 >> Web前端 >> td内容过长时展示.
  详细解决方案

td内容过长时展示.

热度:416   发布时间:2013-11-26 22:51:31.0
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

?

  相关解决方案