如何覆盖表格nowrap属性

Question

在IE8中工作正常。在Firefox中，如果我从td中删除nowrap属性，文本会被正确包装，但是不会删除nowrap文本而不会被包装。

有没有什么办法在firefox中通过css覆盖nowrap属性。

<div style="width:100%;border:1px solid #eaeaea"> 
<table style="width:100%;word-wrap:break-word;table-layout:fixed" border="1" > 
    <tr> 
     <td> 
      thisssssssssssssssssssssssssss 
     </td> 
     <td nowrap="" style="word-wrap:break-word;"> 
      22222222thisssssssssssssssssssssssssss22222222thisssssssssssssssssssssssssss22222222thisssssssssssssssssssssssssss 
     </td> 
    </tr> 
</table> 
</div> 

Answer 1

一个快速的想法......在你看覆盖FF之前。查看Chrome/Safari等正在做什么，并考虑用IE 8条件（多数规则方法）覆盖该CSS。

<!--[if IF 8]>...

Answer 2

我不知道如果我完全理解你的处境，但这样的事情可能工作好一点：

<style type="text/css"> 
    #myDiv { width:100%; border:1px solid #eaeaea; } 

    #myTable { width:100%; word-wrap:break-word; table-layout:fixed } 
    #myTable th, #myTable td { border:1px solid #000000; } 

    td.breakWord { word-wrap:break-word; white-space:nowrap; } 
</style> 


<!--[if IE]> 
<style type="text/css"> 
    td.breakWord { white-space:normal; } 
</style> 
<![endif]--> 


<div id="myDiv"> 
<table id="myTable" > 
    <tr> 
     <td> 
      thisssssssssssssssssssssssssss 
     </td> 
     <td class="breakWord"> 
      2222222thisssssssssssssssssssssssssss22222222thisssssssssssssssssssssssssss22222222thisssssssssssssssssssssssssss 
     </td> 
    </tr> 
</table> 
</div> 

您可以在http://www.quirksmode.org/css/condcom.html

阅读更多有关条件注释

Answer 3

table { 
    table-layout:fixed; 
    width:100%; 
    word-wrap:break-word; 
} 

td { 
white-space: normal; 
} 

白色空间规则覆盖无包装属性（您的问题），单词换行规则打破牢不可破的字符串