问css网格属性值无效
EN

Stack Overflow用户

提问于 2018-08-31 06:33:28

回答 1查看 1.7K关注 0票数 3

在Chrome和Firefox中，我每晚都会在设置此属性时出现以下错误：

grid-template-columns: repeat(auto-fill);
grid-template-rows: repeat(auto-fill, 1fr);

Invalid property value

在查看repeat()语法时，我似乎输入正确了？这两个浏览器似乎仍然以某种方式使其工作，但这似乎很奇怪，我会得到一个错误

发布于 2018-08-31 06:43:49

问题是需要两个参数(意味着repeat(auto-fill)无效)，以及需要确定的磁道大小的auto-fill (auto-fill或auto-fit)：

<auto-repeat>变体可以自动重复以填充空格，但需要确定磁道大小，以便可以计算重复次数。它只能在曲目列表中出现一次，但同一曲目列表也可以包含<fixed-repeat>。

并且被定义为：

可以在不执行布局的情况下确定的大小；即，<length>、文本度量(不考虑换行)、初始包含块的大小或<percentage>或其他公式(例如，未替换块的“拉伸拟合”大小CSS2)，它仅根据确定的大小进行解析。

因此，repeat(auto-fill, 1fr)无效，但repeat(auto-fill, 100px)是有效的。

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52106198

复制

相似问题

问css网格属性值无效EN