女同一区二区三区在线-日本伊人久久综合网-国产日韩欧美mv高清-国产精品亚洲精品日韩已满十八小-亚洲精品色午夜无码专区日韩-亚洲精品无码成人片久久不卡-亚洲国产一级中文字幕-亚洲综合国产成人丁香五月激情-日韩精品一区二区三区在线观看l
: fr與atuo的區(qū)別
grid-auto-flow:
放置順序，默認row先行后列：
row
column
row dense
column dense
dense 表示網(wǎng)格的自然排列啟用“密集”打包算法。
grid-template-columns:
劃分列（劃分行 grid-template-rows 與之類似，不再贅述）：
repeat(5, 200px)
repeat(5, 1fr)
repeat(5, auto)
repeat(2, 260px 90px)
repeat(auto-fill, minmax(180px, 3fr))
repeat(auto-fit, minmax(180px, 3fr))
基礎(chǔ)格式：1fr 5fr 2fr … 。可以使用方括號，指定每一根網(wǎng)格線的名字，方便項目元素后面引用： [c1] 300px [c2] 2fr [c3] auto [c4]。只有一行時才能呈現(xiàn)auto-fill與auto-fit的區(qū)別。
justify-content:
整個網(wǎng)格的水平布局（左中右）：
stretch
start
end
center
space-around
space-between
space-evenly
align-content:
整個網(wǎng)格的垂直布局（上中下）：
stretch
start
end
center
space-around
space-between
space-evenly
justify-items:
單元格內(nèi)容水平布局（左中右）：
stretch
start
end
center
place-items 屬性是 align-items 和 justify-items 屬性合并簡寫形式。
align-items:
單元格內(nèi)容垂直布局（上中下）：
stretch
start
end
center
place-items 屬性是 align-items 和 justify-items 屬性合并簡寫形式。
gap:
行間距 row-gap 與 列間距 column-gap 的合并簡寫：
20px
10px 35px
恢復初始狀態(tài)