如何覆蓋表格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; 
} 

白色空間規則覆蓋無包裝屬性（您的問題），單詞換行規則打破牢不可破的字符串