爲什麼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

我意識到這是一個小老給定了事物的速度，但我希望它能幫助別人。