Html 仅在IE版本中中心对齐中断

我想在覆盖层上居中对齐菜单，这在Chrome&FF中运行良好，但在IE 11中出现相同的中断，我不确定这个问题是否是由于最新版本的IE造成的

不知道为什么它会在IE中出现

我想简单地将菜单居中对齐

*覆盖*/
.覆盖{
显示：无；
位置：固定；
排名：0；
身高：100%；
宽度：100%；
背景：rgba（0,0,0,0.70）；
溢出：自动；
z指数：9999；
}
正文{背景色：绿色；}
/*.包裹{
颜色：#fff；
文本对齐：居中；
最大宽度：100%；
保证金：0自动；
宽度：100%；
}*/
.包裹{
对齐项目：居中；
颜色：#fff；
显示：flex！重要；
身高：100%！重要；
保证金：0自动；
最大宽度：100%；
文本对齐：居中；
宽度：100%；
}
/*.wrap-ul.wrap-nav{
边框底部：0px实心#575757；
文本转换：大写；
填充：150px 0px 100px；
}*/
.wrap-ul.wrap-nav{
边框底部：0实心#5757；
显示：表格单元格；
高度：170px；
保证金：自动！重要；
填充：0；
职位：相对！重要；
文本转换：大写；
}
.wrap ul.wrap-nav li{
字体大小：14px；
文本转换：大写；
显示：内联块；
垂直对齐：顶部；
宽度：70px；
填充：14px；
位置：相对位置；
利润率：0.7px；
}
.菜单img{
边界半径：100px；
宽度：60像素
}
包裹，包裹，包裹，包裹，包裹{
字体系列：“Lato”，无衬线；
字号：600；
颜色：#fff；
显示：块；
填充：10px0；
宽度：60px；
文字装饰：无；
转换属性：所有.2s线性0；
-moz转变：所有.2s线性0；
-webkit转换：所有.2s线性0；
-o-过渡：所有0.2s线性；
}
包裹，包裹，包裹，包裹导航李a：悬停{
颜色：#f0；
}
.wrap-ul.wrap-nav-ul{
填充：20px0；
}
.wrap-ul.wrap-nav-ul-li{
显示：块；
字体大小：13px；
宽度：100%；
颜色：#e9e9e9；
}
包裹，包裹，包裹，包裹，包裹{
颜色：#f0；
}
绕一圈，绕一圈，绕一圈，绕一圈，绕一圈，绕一圈{
颜色：#34B484；
}
.页脚hp{
背景色：#282F20；
宽度：100%；
高度：28px；
位置：绝对位置；
底部：0；
文本对齐：居中；
字体大小：13px；
字体系列：“Josefin Sans”，“Roboto Condensed”，无衬线！重要；
颜色：#fff；
填充：3倍；
}
.footer hp{
保证金：0；
边缘顶部：2倍；
}
.home-h1{
颜色：#fff！重要；
字体大小：50px！重要；
字号：500；
边际上限：0px；
-供应商动画持续时间：3s；
-供应商动画延迟：3s；
-供应商动画迭代次数：无限；
}
.home-h3{
颜色：#fff！重要；
-供应商动画持续时间：3s；
-供应商动画延迟：3s；
-供应商动画迭代次数：无限；
}
.nivo-lightbox-theme-default.nivo-lightbox-overlay{
背景：rgba（0,0,0,1）无重复滚动0；
}
.nivo灯箱主题默认。nivo灯箱关闭{
显示：块；
文本缩进：-9999px；
}
.nivo lightbox主题默认a.nivo-lightbox-close:：之前，.nivo lightbox主题默认a.nivo-lightbox-close:：之后{
背景色：#000；
内容：“；
高度：33像素；
左：15px；
位置：绝对位置；
宽度：0px；
}
.btnplayvideo{
背景色：#fff；
填充：7px 30px；
颜色：#000；
字体大小：14px；
显示：内联块；
}
.btnbrochure{
背景色：#fff；
填充：7px 30px；
颜色：#000；
字体大小：14px；
显示：内联块；
}

更改此CSS

.wrap ul.wrap-nav {
border-bottom: 0 solid #575757;
display: block;/*Remove table-cell*/
}

/*覆盖*/
.覆盖{
显示：无；
位置：固定；
排名：0；
身高：100%；
宽度：100%；
背景：rgba（0,0,0,0.70）；
溢出：自动；
z指数：9999；
}
正文{背景色：绿色；}
/*.包裹{
颜色：#fff；
文本对齐：居中；
最大宽度：100%；
保证金：0自动；
宽度：100%；
}*/
.包裹{
对齐项目：居中；
颜色：#fff；
显示：flex！重要；
身高：100%！重要；
保证金：0自动；
最大宽度：100%；
文本对齐：居中；
宽度：100%；
}
/*.wrap-ul.wrap-nav{
边框底部：0px实心#575757；
文本转换：大写；
填充：150px 0px 100px；
}*/
.wrap-ul.wrap-nav{
边框底部：0实心#5757；
显示：块；
高度：170px；
保证金：自动！重要；
填充：0；
职位：相对！重要；
文本转换：大写；
}
.wrap ul.wrap-nav li{
字体大小：14px；
文本转换：大写；
显示：内联块；
垂直对齐：顶部；
宽度：70px；
填充：14px；
位置：相对位置；
利润率：0.7px；
}
.菜单img{
边界半径：100px；
宽度：60像素
}
包裹，包裹，包裹，包裹，包裹{
字体系列：“Lato”，无衬线；
字号：600；
颜色：#fff；
显示：块；
填充：10px0；
宽度：60px；
文字装饰：无；
转换属性：所有.2s线性0；
-moz转变：所有.2s线性0；
-webkit转换：所有.2s线性0；
-o-过渡：所有0.2s线性；
}
包裹，包裹，包裹，包裹导航李a：悬停{
颜色：#f0；
}
.wrap-ul.wrap-nav-ul{
填充：20px0；
}
.wrap-ul.wrap-nav-ul-li{
显示：块；
字体大小：13px；
宽度：100%；
颜色：#e9e9e9；
}
包裹，包裹，包裹，包裹，包裹{
颜色：#f0；
}
绕一圈，绕一圈，绕一圈，绕一圈，绕一圈，绕一圈{
颜色：#34B484；
}
.页脚hp{
背景色：#282F20；
宽度：100%；
高度：28px；
位置：绝对位置；
底部：0；
文本对齐：居中；
字体大小：13px；
字体系列：“Josefin Sans”，“Roboto Condensed”，无衬线！重要；
颜色：#fff；
填充：3倍；
}
.footer hp{
保证金：0；
边缘顶部：2倍；
}
.home-h1{
颜色：#fff！重要；
字体大小：50px！重要；
字号：500；
边际上限：0px；
-供应商动画持续时间：3s；
-供应商动画延迟：3s；
-供应商动画迭代次数：无限；
}
.home-h3{
颜色：#fff！重要；
-供应商动画持续时间：3s；
-供应商动画延迟：3s；
-供应商动画迭代次数：无限；
}
.nivo-lightbox-theme-default.nivo-lightbox-overlay{
背景：rgba（0,0,0,1）无重复滚动0；
}
.nivo灯箱主题默认。nivo灯箱关闭{
显示：块；
文本缩进：-9999px；
}
.nivo lightbox主题默认a.nivo-lightbox-close:：之前，.nivo lightbox主题默认a.nivo-lightbox-close:：之后{
背景色：#000；
内容：“；
高度：33像素；
左：15px；
位置：绝对位置；
宽度：0px；
}
.btnplayvideo{
背景色：#fff；
填充：7px 30px；
颜色：#000；
字体大小：14px；
显示：内联块；
}
.btnbrochure{
背景-c