Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE10表格行单元格已断开(边框不连续)_Html_Css_Internet Explorer 10_Doctype - Fatal编程技术网

Html IE10表格行单元格已断开(边框不连续)

Html IE10表格行单元格已断开(边框不连续),html,css,internet-explorer-10,doctype,Html,Css,Internet Explorer 10,Doctype,我有一张表,在IE10中,我看到一些行的边界断裂。即使没有边框,您也会看到断行矩形 我简化了这个问题,这里是来源(见IE10)—— 要发现问题,请参见以下屏幕截图: 截图1: 截图2: 这个IE10太奇怪了 我的结果: 如果我将doctype更改为 <!DOCTYPE html> 这鞋不错。但是我如何在不更改doctype的情况下解决它呢 编辑: 如果放大(使用IE10),边界将变得平滑,当返回到100%时,问题又会出现。如果要使用XHTML doctype,则必须确保代码

我有一张表,在IE10中,我看到一些行的边界断裂。即使没有边框,您也会看到断行矩形

我简化了这个问题,这里是来源(见IE10)——

要发现问题,请参见以下屏幕截图:

截图1:

截图2:

这个IE10太奇怪了

我的结果: 如果我将doctype更改为

<!DOCTYPE html>

这鞋不错。但是我如何在不更改doctype的情况下解决它呢

编辑:
如果放大(使用IE10),边界将变得平滑,当返回到100%时,问题又会出现。

如果要使用XHTML doctype,则必须确保代码有效。否则将导致浏览器呈现故障

您的代码有很多错误——请参阅报告——因此出现一些小故障也就不足为奇了

修复这些错误,您可能会发现它工作得更好

如果将其切换到HTML5doctype,许多错误就会消失,因为代码是有效的HTML5,但不是有效的XHTML


(HTML5 doctype下仍然存在一些错误,但更少,也不太可能导致呈现错误,尽管您多次使用相同的ID,如果您尝试在CSS或Javascript中使用这些ID,这将导致问题)

在大多数情况下,此问题与您的样式代码/工作表有关,检查您的样式表并确保您有: 保证金:0; 填充:0; 边界:0; 大纲:0; 垂直对齐:顶部; 在需要的地方


我建议您通过禁用reset.css文件(如果有)开始调试,否则请检查上述代码是否适用于主div和ul。

doctype告诉IE要使用哪个渲染引擎。当您声明旧的doctype时,您是在告诉IE使用旧的渲染引擎,即IE7或IE8。既然您说过更改doctype可以修复它,那么如果没有HTML5 doctype,IE10可能会使用渲染引擎,比如7或8

因此,如果无法更改doctype,可以添加此选项,以强制IE使用浏览器可能使用的最新渲染引擎

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />


我不知道它是否能解决您的问题,因为我没有IE10可供测试,但值得一试。

请在您的问题中发布任何相关代码。我已经添加了源代码链接,请不要再删除它。如果您在IE10中按F12,您将获得开发者工具界面。您可以使用它检查元素的布局。IE似乎在为某些东西分配非整数大小,所以我冒昧地猜测,使用
DOCTYPE
会引入累积舍入错误。没有帮助,我知道,但也许你可以在某个地方调整一些东西,以整数结束。