javascript - 溢出隐藏在 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