如何使用Grid 属性

1、grid-columns代码。有了这个代码之后我们就可以控制网页当中 列的宽度。

2、grid-rows代码。用了这个代码，我们就可以控制网页当中列的高度。

3、代码实例。在这个代码当中，我们给网页当中的列进行了宽度的赋值。div { grid-columns:50% * * 100px; }div { grid-rows:200px (30px 60px); }

4、浏览器。现在的浏览器并不支持这样的一人GRID 代码。

5、grid-columns 的用法。它的默认值就是nono 它的继承性 也是 nogrid-rows 的用法。它的默认值就是nono 它的继承性 也是 no

6、grid-columns 的语法。从这个语法我们可以看出来，它可以是一个百分比，也可以是一个具体的数值。grid-columns: length|%|none|inherit;grid-rows: length|%|none|inherit;