-
相信一定有人會想知道 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
提交
取消