网格项实际上并不包装。您看到网格项“包装”到下一行的原因实际上是因为更改了显式网格以使其保持在规定的约束范围内
minmax()。由生成的列数
repeat()与使用的网格容器的宽度成比例,并且网格项目根据列数一一排列,并根据需要创建新的行。
因此,当有两列并且显式网格中有空间在第二列中插入该网格项目时,不可能强制第二个网格项目换行。此外,即使您 可以
告诉第二个网格项目“包装”,这也意味着将其放置 在第一列 的新行 中
,因此其布局将由第一列而不是第二列控制。当然,仍然根据第二列调整其大小将完全破坏网格布局。
如果要通过将元素包装到新行中来容纳较小的屏幕,则应使用弹性布局,而不是网格布局。网格布局不适合此目的。



