Question

请考虑以下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：

<!doctype html>

在IE9中，一切正常，但在IE10表格中被破坏了：

enter image description here

为什么会这样？

如何解决这个问题？

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

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

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

Answer 1

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

IE 10强制严格模式

1 个答案: