Question

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

Answer 1

指定例如：

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

目前，截至2017年11月14日，

将适用于Windows上的Internet Explorer和Edge，以及Windows和其他平台上的其他浏览器。

新样式display property将对其他浏览器生效，而来自Grid element的vendor prefix的原始March 2012 W3 Working Draft将由Internet Explorer和Edge浏览器使用视窗。

这是最新的： 2017年11月14日：
IE 11.726.15063.0更新11.0.48
Edge 40.15063.674.0
Windows 1703 Build 15063.726。

并测试：
High Sierra的Chrome，Firefox，Safari和Vivaldi;
Android手机中的Chrome，Firefox和Samsung Cloud（移动浏览器）;和
Windows 10中的Chrome，Firefox，Internet Explorer和Edge。

我还在使用例如：

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

按照先前的研究，即Rachel Andrew

我意识到，鉴于事情的步伐，这有点老了，但我希望它有所帮助。

Answer 2

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

对于内联级网格元素，

显示：-ms-inline-grid;

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

Grid Layout的基本构建块是Grid元素，通过将元素的display属性设置为-ms-grid（对于块级Grid元素）或-ms-inline-grid（对于内联级网格元素）。（由于Grid Layout草案的初步状态，此部分中的值和所有属性必须与Microsoft特定的供应商前缀＆＃34; -ms - ＆＃34;一起使用才能与Internet Explorer 10一起使用和Windows应用程序在Windows 8中使用JavaScript。）

Answer 3

display: grid即使在IE11中也不适用于我。我将其替换为display: block，并且在所有浏览器中都可以使用。不确定是否在所有情况下都可以使用。我使用CSS修复了一些对齐问题。

为什么display = grid不能在IE中运行？

3 个答案: