CSS Grid 的 auto-fill 和 auto-fit 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 /* 父元素 */ .grid { display: grid; /* 定义「网格容器」里有多少列,以及每列的宽度 */ /* repeat 是个「重复函数」,表示后面的模式会被重复多
CSS Grid 的 auto-fill 和 auto-fit
auto-fill 和 auto-fit 区别auto-fill:尽可能多地填充列,即使没有内容也会“占位”; auto-fit:自动适应内容,能合并多余空列,不占位; auto-fill 和 auto-fit 适用场景希望每行有多少内容就撑多宽,用 auto-fit;(如:卡片式布局、相册等) 希望固定列数,有占位,用auto-fill;(如:表格、日历等) |
2021-04-14
2023-10-11
2021-04-29
2023-11-01
2018-01-07