我用过:
word-break:break-all; table-layout:fixed
并且文本在Chrome中而不是Firefox中打包。
更新:我决定改变设计,所以它不需要换行;试图整理一个CSS修复/黑客被证明太令人沮丧和耗时。
解决方法
尝试这个,我认为这将工作,像“AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGGGG”
会产生
会产生
AARRRRRRRRRRRRRRRRRRRR RRGGGGGGGGGGGGGGGGGGGG G
我从Google上的几个不同的网站上举了我的例子。我已经测试这个在ff 5.0,IE 8.0和Chrome 10。
.wrapword{ white-space: -moz-pre-wrap !important; /* Mozilla,since 1999 */ white-space: -webkit-pre-wrap; /*Chrome & Safari */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ word-break: break-all; white-space: normal; } <table style="table-layout:fixed; width:400px"> <tr> <td class="wrapword"> </td> </tr> </table>