​​溢出隱藏在IE中不工作

Question

我在TD中顯示一些文本。我爲td隱藏了溢出屬性，並且此代碼在Chrome，Safari，Mozilla中正常工作，但不在IE中。我使用了-ms-，但它也不起作用。

這是我使用創建錶行

strRowTd += "<tr><td height=\"20\" style=\"-ms-display: block;" + 
      "display: block;overflow:hidden;-ms-overflow:hidden;\" " + 
      "class=\"body_text_white_mid\">" + 
      "<strong>" + data[i + 1][4] + "</strong>"; 
strRowTd += "</td></tr>"; 

Answer 1

您有問題的代碼，因爲「溢出」只對塊級元素的作品。由於表格元素不是塊元素，因此應該使用<div>包裝來生效。 結果HTML標記應該是這樣的：

<tr> 
    <td class="body_text_white_mid"> 
    <div style="height:20px; overflow:hidden;"> 
     your data[i][j] 
    </div> 
    </td> 
</tr> 

這將是更好，如果你會使用class，而不是style。還使用String.Format(markupRow, data[i][j])而不是字符串連接。

Answer 2

HTML表格支持「table-layout：fixed」CSS樣式，該樣式可防止用戶代理將列寬調整爲其內容。你可能想使用它。

爲了避免問題，IE9，你需要使用

有關這種風格的更多信息看看這裏 http://msdn.microsoft.com/en-us/library/ie/ms531161(v=vs.85).aspx