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

你有问题，因为＆＃34;溢出＆＃34;仅适用于块级元素。由于表元素不是块元素，因此应该使用<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

溢出隐藏不在IE中工作

2 个答案: