Css 导航栏没有';在IE 10中不能正确渲染

Css 导航栏没有';在IE 10中不能正确渲染,css,internet-explorer,internet-explorer-10,flexbox,Css,Internet Explorer,Internet Explorer 10,Flexbox,我对IE 10有些问题。 在最新的Chrome和Firefox上,所有文本都在一行中呈现。但在IE中,它呈现出这样的效果,同时任何其他现代浏览器都会产生这种效果。将其添加到CSS中 .gh-nav-panel { display: table-cell; vertical-align:middle; /*this will vertically align your text to the middle*/ } 不。这是由其他原因造成的。当我在IE中查看你的js.fiddle

我对IE 10有些问题。 在最新的Chrome和Firefox上,所有文本都在一行中呈现。但在IE中,它呈现出这样的效果,同时任何其他现代浏览器都会产生这种效果。

将其添加到CSS中

.gh-nav-panel {
    display: table-cell;
    vertical-align:middle;  /*this will vertically align your text to the middle*/
}

不。这是由其他原因造成的。当我在IE中查看你的js.fiddle时,文本对齐被关闭,我正在使用IE11。垂直对齐:中间对齐;工作。作为另一个建议,您可能希望尝试将*{padding:0;margin:0;}添加到CSS中。UL和LI标签根据浏览器类型添加了边距/填充。我希望带有“测试”的gh标签链接将100%的gh导航面板带回家。只有当它的“显示”设置为“阻止”时才有可能,这会导致这种奇怪的行为。对您的代码进行了几次更新,我将其删除,您必须这样做吗?