网格容器,网格项,网格线
grid container(网格容器)
grid item(网格项目)
grid line(实际上看不到)
我觉得网格布局还有很多需要升级的地方:
1
背景、边框。
目前网格布局只是虚拟的存在,边框背景只能由项目元素来设置,而无法直接在网格上设置,就像表格一样可以设置某一行或某一列的背景边框,网格本身是无色的,做不到。
2
单元格、区域内多元素
目前,一个单元格或区域内,只能装上一个项目元素;如果想要在一块区域内布局多个元素,只能给它们套上一层父元素来解决。
所以需要一个单元格,同时容纳多个元素
3
空间化
一个空间可以包含多个单元格、区域,可以像一个普通元素一样设置背景、边框、字体,等所有css属性
网格容器:所有网格项的父元素,display: grid;
网格项:容器里的子元素。
网格线:组成网格项的分界线,虚拟概念,定义网格容器时就已产生,和网格项没有直接关联。