当前位置: 首页 > 知识库问答 >
问题:

为什么minmax(0,1fr)对长元素起作用而1fr不起作用?

公冶宏深
2023-03-14

所以我有了这个网格:

+---------+------------------------------+---------+    
|  <div>  |  <p> - 1000 characters long  |  <div>  |
+---------+------------------------------+---------+

p中有一个没有空格的超长字符串。div是具有固定尺寸的占位符。这就产生了上述结果:

  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto minmax(0, 1fr) auto;

但将minmax(0,1fr)更改为1fr会得到以下结果:

+---------+----------------------------------------+    
|  <div>  |               <p> - 1000 characters long  |  <div>  |
+---------+----------------------------------------+

它会溢出其父级和屏幕大小。为什么它的行为不像Minmax?

码本

共有1个答案

巫马玉堂
2023-03-14

因为1fr默认情况下等同于minmax(auto,1fr)

当您使用minmax(0,1fr)时,这与独立的1fr是不同的。

在第一种情况下,轨道不能小于网格项的大小(最小大小为auto)。

在第二种情况下,磁道可以自由调整大小为0宽/高。

更多详情:

  • 重新考虑1fr
  • 的含义
  • 防止网格区域扩展导致整个页面滚动
 类似资料:
  • 问题内容: 所以我有这个网格: 里面有没有空格的超长字符串。s是具有固定尺寸的占位符。这将产生以上结果: 但是更改为: 它溢出其父级,超出屏幕大小。为什么它的行为不像minmax? 问题答案: 因为默认情况下与等效。 使用时,这与standalone有所不同 。 在第一种情况下,轨道不能小于网格项目的大小( 最小 大小为)。 在第二种情况下,轨道可以自由调整为0的宽度/高度。

  • 我创建了一个新的反序列化器,以便能够将空字符串写入为null 尝试在每个用户字段上做一个注释,自定义工作,但通过在整个类上插入注释,我不能再打印Json消息 CustomExceptionHandler向我抛出以下错误:Class MethodArgumentNotValidException这是我的Kafka使用者,我唯一输入验证注释的使用者,但即使删除它也会出现同样的错误 对象映射器 有没有可

  • 问题内容: 我正在尝试更改div内奇数div的样式。由于某种原因,当它位于另一个div内时,它会影响我的所有div。这是我的常规div和奇数div的代码: 出于某种原因,当将其包裹在我的div中时不起作用,但是当它们不包裹在任何div中时却起作用。 未包装在div中时的工作版本: ``如何使初始代码与上述代码相同? 问题答案: 类似于它们必须全部来自同一父级。如果需要这些包装器,请改用这些包装器:

  • 问题内容: 我在这里有点困惑。如果我将变量传递给json_decode,它将不起作用: 第一个回显正确显示了我传递的JSON字符串,例如 第二个回显显示NULL。因此,我从第一个回显中获取了字符串,并编写了以下代码: 你怎么说,它向我展示了正确解码的数组。字符串绝对相同,我什至保留转义字符。也许是问题所在? 问题答案: 看起来您的服务器已启用。无论是将其禁用或运行通过使用它之前。

  • 通过选择,,和,我创建了一个全新的Spring初始化项目。 我做了一个小项目: 我试着将三个人保存到数据库中。保存方法只返回需要执行的Mono。如果我尝试通过简单的订阅来执行它,一切都很好: 但是,当我使用而不是时,应用程序挂起: 如果我手动查询数据库,我会看到Jim已被保存,但Jack和John未被保存。 这是窃听器,还是我做错了什么?我希望在代码进一步发展之前保证用户在数据库中,所以我真的很想

  • 拿我正在试验的这个非常简单的框架来说(这样我就可以更深入地学习JavaScript的函数原型。) 这工作很棒。控制台的输出是: 对象{ui:对象,操作:"单击设置openSidebar",函数:对象,运行:函数} 但是,当我尝试这样做时: 在openSidebar()中的的上下文是openSidebar(又名bind没有效果)。控制台输出: 对象{openSidebar:function} 但是,