CSS 中 Grid 实现自动拉伸+换行

创建于 7/1/2023

宽度平分、有最小宽度、自动换行、左对齐(这是一篇旧文章,日期是后来的)

做到宽度平分、有最小宽度、自动换行、左对齐

如下,拖动滑竿控制宽度:

使用repeat的auto-fill实现自动换行,minmax实现最小宽度,1fr实现平分。

不过,若外层宽度过小,内层会超出。
若希望此时内层宽度占满,而非超出,不知有没有什么好办法?

源代码:https://jsbin.com/wesekofeje/edit?html,css,output