页面的强制换行问题总结 - (www.knowsky.com)

如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的目的，一般是使用样式：。但是在Firefox下面，会有一些问题，参考Gmail的一些做法，做了几个测试，得出一种解决办法。
如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的目的，一般是使用样式：。但是在Firefox下面，会有一些问题，参考Gmail的一些做法，做了几个测试，得出一种解决办法。
例1：(IE浏览器)普通的情况

abcdefghigklmnopqrstuvwxyz 1234567890

效果：
可以看到width=80并没有起作用，表格被字符撑开了。
例2：(IE浏览器)使用样式

abcdefghigklmnopqrstuvwxyz 1234567890

效果：
width=80起作用了，但是表格换行了。
例3：(IE浏览器)使用样式与nowrap

abcdefghigklmnopqrstuvwxyz 1234567890

效果：
width=80起作用了，换行也被干掉了。
例4：(IE浏览器)在使用数值固定td大小情况下使用样式与nowrap

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

效果：
不幸发生了，第一个td的nowrap不起作用了
例5：(IE浏览器)在使用百分比固定td大小情况下使用样式与nowrap

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

效果：
改成百分比，终于搞定了
例6：(Firefox浏览器)在使用百分比固定td大小情况下使用样式与nowrap效果：
把例5放到firefox下面，又ft了
例7：(Firefox浏览器)在使用百分比固定td大小情况下使用样式与nowrap,并且使用div

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

效果：
天下终于太平了
例8：(Firefox浏览器)在使用数值固定td大小情况下使用样式与nowrap,并且使用div

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

效果：
nowrap又不起作用了
最终，例7是一个在IE和Firefox都可以完美解决页面强制换行问题的解决方案。