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

你有问题，因为“溢出”只适用于 block 级元素。由于表格元素不是 block 元素，您应该使用 <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])而不是字符串连接。