-
使用grid-area进行网格单元的设置
查看全部 -
浏览器的兼容
查看全部 -
如图在行列宽度进行定义的时候，可以对行线和列线进行名字的定义，用[]进行定义，且里面用空格进行分隔名字，一条线可以有多个名字
查看全部 -
在网格布局中，如果有网格项数目形成的网格行数多于css中定义的网格行数，那么网格行数就会自动增加，且都会设置为auto，在实际的网格布局是，需要考虑这个行数设置的问题，最好是设置为auto，会进行平均分配高度
查看全部 -
如图，定义后的实际表现效果，设置为auto就是剩下的距离都给这个行或者列，使用fr单位可以形成宽度自适应的效果，也可以和px单位进行合用
查看全部 -
行和列的属性值的定义
查看全部 -
以grid-template-columns和grid-template-rows来定义网格的列和行
查看全部 -
grid属性的特性，让一些属性失效，subgrid无法使用，浏览器不兼容
查看全部 -
grid属性的分类
查看全部 -
如图，grid的三种属性，grid的属性只会影响直接子元素，grid生成块级网格，inline-grid生成行内网格
查看全部 -
gr单位的定义，还不尝试用
查看全部 -
fr单位的定义
查看全部 -
dispaly:grid | inline-grid| subgrid
查看全部 -
网格容器，网格项，网格线，网格轨道，网格区域，fr单位，gr单位
查看全部 -
查看全部
举报
0/150
提交
取消