鉴于只有IE10以上支持网格布局，其他主流浏览器都需要手动开启CSS Grid Layout 下面简单介绍如何在不同的浏览器中开启

Chrome浏览器

在写这篇文章的时候，我使用的Chrome浏览器版本是“Chrome 38.0.2125.101”。在Chrome浏览器中开启CSS Grid Layout模块功能比较简单，只需要在您的浏览器地址栏中输入：chrome://flags，回车后在列表清单中找到“启用实验性网络平台功能”（#enable-experimental-web-platform-features），一个更为简单的方法，可以直接在浏览器地址栏中输入网址：chrome://flags#enable-experimental-web-platform-features立马定位需要的选项，然后点击“启用”(enable)按钮，如下图所示：

开启之后，记得重启您的浏览器。为了难您已开启成功，你可以在你的浏览器中打开这个。如果您能看到类似下图的效果，表示已开启成功，可以做CSS Grid Layout相关的学习和演示。

Opera浏览器

Opera浏览器开启CSS Grid Layout的方法和Chrome是一样的。在Opera浏览器网址栏中输入opera://flags，并且找到##Enable experimental Web Platform features（或者直接输入opera://flags/#enable-experimental-web-platform-features），点击“开启”按钮：

重启您的浏览器即可使用CSS Grid Layout功能。

注：我测试使用的Opera版本是“Opera25.0.1614.50”。

Safari(Webkit)浏览器

从2014年4月2号开始，在中默认内置了CSS Grid Layout模块功能。详细信息可以点击了解。

Firefox浏览器

非常遗憾，直到目前为止，我还没有找到如何在Firefox浏览器中开启CSS Grid Layout模块。如果您知道如何在Firefox浏览器中开启相关功能，还请多多指点。

总结

前面主要向大家介绍了哪些浏览器已默认支持CSS Grid Layout模块，并且介绍了如何在Chrome和Opera浏览器中开始CSS Grid Layout模块。当然还有一些遗憾，至今还没有找到如何在Firefox中开启类似功能的方法。不过不用担心，到目前为止，我们至少有四种不同的浏览器 （IE10+、Chrome、Opera和Webkit Nightly）可以做相关的演示与测试。

那么在接下来的教程，我们就可以开始学习如何使用CSS Grid Layout来布局。希望大家会喜欢。