-
相信一定有人會(huì)想知道 fr 和 gr 是何含義，fr 是 fractional 的前兩個(gè)字母，代表等分的部分 類似 flex 屬性的效果；gr 是 grid 的前兩個(gè)字母，代表網(wǎng)格數(shù) 是按照多少個(gè)網(wǎng)格來(lái)分空間，盡管其還未受到支持。
查看全部 -
如何應(yīng)用 網(wǎng)格布局
查看全部 -
grid-area:上 左 下 右
查看全部 -
gird:col和row簡(jiǎn)寫是橫平豎直(先行后列)。對(duì)齊方式是先Y軸再X軸。查看全部
-
width:1000px;height:1500px;
display:grid;
grid-tempalte-columns:10% 200px auto 3fr 2fr
w=1000*10%+200px+內(nèi)容本身寬度，如果沒有內(nèi)容，默認(rèn)為0
剩下部分1=1000-w*3/5
剩下部分2=1000-w*2/5
grid-template-rows:1fr第一行的高度=1500-剩下行的自動(dòng)撐開的高度和
一般設(shè)置為auto
查看全部 -
grid-template-columns:列
grid-template-rows:行
查看全部 -
網(wǎng)格軌道（1,2網(wǎng)格線之間），網(wǎng)格單元（四個(gè)網(wǎng)格線組成的小單元），網(wǎng)格區(qū)域（2個(gè)及以上網(wǎng)格單元組成的）
單位：
fr類似于flex比例分布
gr不常用
查看全部 -
網(wǎng)格容器，網(wǎng)格項(xiàng)，網(wǎng)格線
查看全部 -
注意事項(xiàng)查看全部
-
單位查看全部
-
grid&&flexbox查看全部
-
grid布局查看全部
-
網(wǎng)格布局-上下水平都自適應(yīng)查看全部
-
grid的單位??
查看全部 -
grid container（網(wǎng)格容器）
grid item（網(wǎng)格項(xiàng)目）
grid line(實(shí)際上看不到)
查看全部
舉報(bào)
0/150
提交
取消