2

考虑以下 HTML 代码：

<style> td, tr { border:1px solid gray; } </style>
<table class="tableinfo" cellspacing="1" cellpadding="3">
  <tr>
    <td>asd</td>
    <td>bsd</td>
  </tr>
  <tr style="display: block;" >
    <td class="">ttt</td>
    <td class="">asd</td>
  </tr>
</table>

使用文档类型：

<!doctype html>

在 IE9 中一切正常，但在 IE10 中表已损坏：

在此处输入图像描述

为什么会这样？

如何解决这个问题？

一种解决方案是添加以下内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />

但这破坏了整个项目的样式。

4

1 回答 1

3

IE10 不像 IE9 那样工作，IE9 不像 IE8/7/6 等那样工作，而且它们都不像其他更现代的浏览器那样工作。您在 IE10 中的示例也是它在现代浏览器中的工作方式，因此 IE9 行为不端。除非您使用了错误的文档类型，否则更改文档类型永远不是解决方案。您的解决方案使用了错误的解决方案并让您进入怪癖模式。

于 2012-12-21T14:03:06.857 回答