IE下换行很简单

1
2
3
4
.table1 td{
    word-break: break-all;
    word-wrap: break-word;
}

word-wrap:
normal　 Default. Content exceeds the boundaries of its container.
break-word Content wraps to next line, and a word-break occurs when necessary.
word-break:
normal　 Default. Allows line breaking within words.
break-all Behaves the same as normal for Asian text, yet allows the line to break arbitrarily for non-Asian text. This value is suited to Asian text that contains some excerpts of non-Asian text.
keep-all Does not allow word breaking for Chinese, Japanese, and Korean. Functions the same way as normal for all non-Asian languages. This value is optimized for text that includes small amounts of Chinese, Japanese, or Korean.
可是火狐没让你那么轻易，在没有设定宽度的情况下是无法换行的，所以你得设个宽给它，很郁闷，碰到做成控件的表格的时候麻烦啊，在插入表格的内容前后用个

1
<div class="tdWrap">content</div>

在给tdWrap一个width的属性。也试过用js计算宽度，再把样式写上去，这个可能比较适合不确定宽的情况，呵呵，笨，不知道又没更好的（以上仅针对个人所遇到的情况，且针对表格里的内容）。
js计算宽度

1
2
3
4
5
6
7
//firefox超长字符串处理,文字在有ID的div，且有以上样式，如果是class，可以遍历
function firefoxLongString(elementID,width) {
    if (navigator.userAgent.indexOf("Firefox") > 0) {
        var w =width;
        document.getElementById(elementID).style.width = w + "px";
    }
}

扩展下，不换行

1
2
3
.nowrap{
      white-space:nowrap;
}

所有浏览器都支持 white-space 属性，不过任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。