为什么display = grid在IE中不起作用？

Question

我在CSS中使用display = grid。它适用于Firefox的Chrome &，但它不适用于IE。任何CSS技巧或任何其他解决方案？

Answer 1

display：-ms-grid;对于块级网格元素

display：-ms-inline-grid;用于内嵌级网格元件

从 https://msdn.microsoft.com/en-us/library/hh673533(v=vs.85).aspx

网格布局的基本构建块是网格元件，其通过一个元件的显示属性设置为任一-MS-网格声明（为一个块级Grid元素）或-ms-inline-grid（用于内联级Grid元素）。 （由于Grid Layout草稿的初步状态，此部分中的此值和所有属性必须与特定于Microsoft的供应商前缀“-ms-”一起使用，以便与使用JavaScript的Internet Explorer 10和Windows Store应用程序一起使用在Windows 8）

Answer 2

指定例如：

#grid_container { 
    display: -ms-grid 
    display: grid 
    ... 
} 
<div id="grid_container"> 
    ... 
</div> 

将目前，作为2017年11月14日，Internet Explorer的工作和边缘的Windows，以及在Windows和其他平台的其他浏览器。

新样式display property将其他浏览器的效果，和原来Grid element与vendor prefix从March 2012 W3 Working Draft将Internet Explorer和边缘的浏览器在Windows中使用。

这是当前为： 2017年11月14日：
IE 11.726.15063.0更新11.0.48
边缘40.15063.674.0
的Windows 1703构建15063.726。

并在以下地方测试：
Chrome浏览器，Firefox，Safari和Vivaldi in High Sierra;
Android手机中的Chrome，Firefox和Samsung Cloud（移动浏览器）;和
的Chrome，火狐，IE和Windows边10

我也还在使用如：

-ms-grid-column: 2; 
-ms-grid-column-span: 1; 
-ms-grid-row: 1; 
grid-column: 2/3; 
grid-row: 1; 

每以前的研究，即Rachel Andrew

我意识到这是一个小老给定了事物的速度，但我希望它能帮助别人。