css的grid布局和表格的区别如下：
grid是固定大小的，table大小可变
grid继承自面板元素，table继承自块元素
grid用于表单内，用于显示内容，table用于流式内容展示。
Grid布局是将容器划分成“行”和“列”，产生单元格，然后指定“项目所在”的单元格，可以看作是二维布局。
设置css display:grid 或者 display:inline-grid ,都可以将直接将容器能产生单元格的容器
终于搞完了！
这是一种栅格布局系统；关键词 栅格化布局比如一般把网页分为12份
grid_1 -grid_12 每一格分别设置好宽度间距等，此处宽度也可以用百分比替代
这样的话就不用重复的去计算每一块的宽度等，当然前提是设计的时候也需要使用这样的思路
参考资料
www.3lian.com/edu/2012/09-05/36001.html
www.linuxnote.org/css-grid-maker.php
