minmax() 调整为最大值而不是最小值
在尝试为 grid-template-rows 设置 minmax() 时,观察到网格行扩展到最大值而不是最小值。这种行为提出了如何确保网格行保持在最小大小,仅在必要时扩展的问题。
解决方案
通常,轨道的目标是达到其最大大小,平均分配可用空间。要在不超过限制的情况下实现紧密环绕的所需行为,请考虑以下调整:
- 将行大小更改为 minmax(50px, min-content) 以将行紧密环绕内容,防止它们缩小到 50px 以下。
- 为网格项目实现 max-height: 150px 以将其最大高度限制为150px。
通过组合这些修改,网格行将保持指定的最小尺寸,同时在需要时扩展到最大尺寸。
以上是为什么 `minmax()` 将网格行扩展到最大而不是最小大小?的详细内容。更多信息请关注PHP中文网其他相关文章!
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

当他们在2013年去Chrome时,我们失去了歌剧。与Edge今年早些时候也进行了同样的交易。迈克·泰勒(Mike Taylor)称这些变化为“减少

在本周的综述中,Apple进入Web组件,Instagram如何插入脚本以及一些思考的食物,以进行自托管关键资源。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前By尊渡假赌尊渡假赌尊渡假赌
刺客信条阴影:贝壳谜语解决方案
2 周前ByDDD
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Dreamweaver Mac版
视觉化网页开发工具

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

Atom编辑器mac版下载
最流行的的开源编辑器

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)