-
相信一定有人会想知道 fr 和 gr 是何含义，fr 是 fractional 的前两个字母，代表等分的部分 类似 flex 属性的效果；gr 是 grid 的前两个字母，代表网格数 是按照多少个网格来分空间，尽管其还未受到支持。
查看全部 -
如何应用 网格布局
查看全部 -
grid-area:上 左 下 右
查看全部 -
gird:col和row简写是横平竖直(先行后列)。对齐方式是先Y轴再X轴。查看全部
-
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:行
查看全部 -
网格轨道（1,2网格线之间），网格单元（四个网格线组成的小单元），网格区域（2个及以上网格单元组成的）
单位：
fr类似于flex比例分布
gr不常用
查看全部 -
网格容器，网格项，网格线
查看全部 -
注意事项查看全部
-
单位查看全部
-
grid&&flexbox查看全部
-
grid布局查看全部
-
网格布局-上下水平都自适应查看全部
-
grid的单位
查看全部 -
grid container（网格容器）
grid item（网格项目）
grid line(实际上看不到)
查看全部
举报
0/150
提交
取消