-
行和列的属性值的定义
查看全部 -
以grid-template-columns和grid-template-rows来定义网格的列和行
查看全部 -
grid属性的特性,让一些属性失效,subgrid无法使用,浏览器不兼容
查看全部 -
grid属性的分类
查看全部 -
如图,grid的三种属性,grid的属性只会影响直接子元素,grid生成块级网格,inline-grid生成行内网格
查看全部 -
gr单位的定义,还不尝试用
查看全部 -
fr单位的定义
查看全部 -
dispaly:grid | inline-grid| subgrid
查看全部 -
网格容器,网格项,网格线,网格轨道,网格区域,fr单位,gr单位
查看全部 -
查看全部
-
相信一定有人会想知道 fr 和 gr 是何含义,fr 是 fractional 的前两个字母,代表等分的部分 类似 flex 属性的效果;gr 是 grid 的前两个字母,代表网格数 是按照多少个网格来分空间,尽管其还未受到支持。
查看全部 -
如何应用 网格布局
查看全部 -
grid-area:上 左 下 右
查看全部 -
width:1000px;height:1500px;
display:grid;
grid-tempalte-columns:10% 200px auto 3fr 2fr
w=1000*10%+200px+内容本身宽度,如果没有内容,默认为0
剩下部分1=1000-w*3/5
剩下部分2=1000-w*2/5
grid-template-rows:1fr第一行的高度=1500-剩下行的自动撑开的高度和
一般设置为auto
查看全部 -
grid-template-columns:列
grid-template-rows:行
查看全部
举报