-
列项的对齐
查看全部 -
如图,属性值的内容
查看全部 -
行轴的对齐方式
查看全部 -
间隙的定义和写法,如果只写一个那就是行和列使用同一个间隙
查看全部 -
如图,实际使用效果
查看全部 -
如图简写格式
查看全部 -
属性值的定义
查看全部 -
如图,简写定义
查看全部 -
需要注意的点:
1.每一行需要使用“”进行括起来
2.每一个值对应一个网格单元,不能漏掉任何一个网格单元
3.值与值之间使用空格隔开
4.行与行之间使用回车进行分隔没有其他符号
查看全部 -
如图,实际定义的效果,如果名字一样,就会被定义成相同的区块
查看全部 -
使用grid-area进行网格单元的设置
查看全部 -
浏览器的兼容
查看全部 -
如图在行列宽度进行定义的时候,可以对行线和列线进行名字的定义,用[]进行定义,且里面用空格进行分隔名字,一条线可以有多个名字
查看全部 -
在网格布局中,如果有网格项数目形成的网格行数多于css中定义的网格行数,那么网格行数就会自动增加,且都会设置为auto,在实际的网格布局是,需要考虑这个行数设置的问题,最好是设置为auto,会进行平均分配高度
查看全部 -
如图,定义后的实际表现效果,设置为auto就是剩下的距离都给这个行或者列,使用fr单位可以形成宽度自适应的效果,也可以和px单位进行合用
查看全部
举报
0/150
提交
取消