The way each browser opens CSS Grid Layout

Default support will be enabled for Chrome and Firefox in March 2017.

Of course, for many people who can't wait for the default support of the browser, if you want to experience it in advance, here are some ways to open it:

1 、 Chrome

Enter: chrome://flags/#enable-experimental-web-platform-features in the browser

Then, for the first experimental network platform function, click enable.

Then restart the browser and experience it.

2 、 Opera

Enter: opera://flags/#enable-experimental-web-platform-features in the browser

Then, for the first Enable experimental Web Platform features, click enable

Similarly, restart the browser

3 、 safari

It can be used in safari TP versions as well as in WebKit Nightly. But it's troublesome, it needs more than OS10.12.

Enable method: Develop > Expermiental Features > CSS Grid

4 、 firefox

Enter: about:config in the browser

Then, enter layout.css.grid and double-click to activate.

Similarly, restart the browser