Html IE11-CSS网格-对齐项：中心不工作

我知道IE中有一个属性可以使用

-ms grid row align

&

-ms grid column align

但我正在查找

内容对齐

或

项目对齐

属性，以便一次将所有项目居中对齐

有没有办法在IE11上实现这一点？如果没有，还有什么办法

下面的代码段将在中对齐内容

• firefox和chrome

。部分\u测试{
显示：网格；
显示：-ms网格；
证明内容：中心；
}
.第节测试>文章{
}

测试
测试文章

您可以尝试使用absolute和transform的良好组合。

。部分\u测试{
位置：相对位置；
高度：100px；
背景颜色：灰色；
}
文章{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}

测试文章

您只能使用媒体查询以css样式的IE为目标。由于

-ms高对比度

是特定于Microsoft的（并且仅在IE 10+中可用），因此只能在Internet Explorer 10+中对其进行解析。您可以参考我的代码示例：

。部分\u测试{
显示：网格；
显示：-ms网格；
证明内容：中心；
}
@介质全部和（-ms高对比度：无），
（-ms高对比度：激活）{
/*IE10+CSS样式在这里*/
.截面试验{
位置：相对位置；
高度：100px；
}
文章{
位置：绝对位置；
排名前10%；
左：50%；
转换：翻译（-50%，-50%）；
}
}

测试文章

当应用网格时，这会影响其他浏览器上的CSS吗？@Ahmed我同意Gil的回答。您可以使用

@media all和（-ms高对比度：无）、（-ms高对比度：活动）{/*IE10+css样式转到这里*/}

@YuZhou以css样式锁定IE-请您也将其放在单独的答案中好吗？也许一个例子可以说明我如何更清楚地使用这个标签。感谢you@Ahmed我补充了一个答案。