Grid 布局中 auto-fit 与 auto-fill 关键字的区别。
- 1fr 情况:auto-fill 会尽可能多的,在可用空间内分配更多 grid item 坑位;auto-fit 则尽可能拉伸当前的 grid item ,以便填充可用空间。
- 固宽情况:auto-fill 在空间充裕的情况下会分配额外的 grid item 坑位;auto-fit 则不会。
demo 地址:
codepen.io
- 1fr 情况:auto-fill 会尽可能多的,在可用空间内分配更多 grid item 坑位;auto-fit 则尽可能拉伸当前的 grid item ,以便填充可用空间。
- 固宽情况:auto-fill 在空间充裕的情况下会分配额外的 grid item 坑位;auto-fit 则不会。
demo 地址:
展开
评论
17
![[坏笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_41.2751fc1.png)