首页 >web前端 >css教程 >为什么 `minmax()` 将网格行扩展到最大而不是最小大小?

为什么 `minmax()` 将网格行扩展到最大而不是最小大小?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-05 20:39:121007浏览

Why Does `minmax()` Expand Grid Rows to Maximum Instead of Minimum Size?

minmax() 调整为最大值而不是最小值

在尝试为 grid-template-rows 设置 minmax() 时,观察到网格行扩展到最大值而不是最小值。这种行为提出了如何确保网格行保持在最小大小,仅在必要时扩展的问题。

解决方案

通常,轨道的目标是达到其最大大小,平均分配可用空间。要在不超过限制的情况下实现紧密环绕的所需行为,请考虑以下调整:

  • 将行大小更改为 minmax(50px, min-content) 以将行紧密环绕内容,防止它们缩小到 50px 以下。
  • 为网格项目实现 max-height: 150px 以将其最大高度限制为150px。

通过组合这些修改,网格行将保持指定的最小尺寸,同时在需要时扩展到最大尺寸。

以上是为什么 `minmax()` 将网格行扩展到最大而不是最小大小?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn