Html CSS网格-如何将列宽均匀分布在；“自动”；柱？

假设我有这样的布局：

.grid{
显示：网格；
网格模板：自动/自动64px 80px 64px自动；
身高：100%；
宽度：100%；
}

这是一个测试。如何使其对称？

答案是使用

1fr

而不是

auto

.grid{
显示：网格；
网格模板：auto/1fr 64px 80px 64px 1fr；
身高：100%；
宽度：100%；
}

这是一个测试。如何使其对称？

更确切地说，它应该是

minmax（0,1fr）

@TemaniAfif，谢谢-为什么不作为答案发布，并解释一下…是关于1fr和auto是如何工作的-->如果你有这些信息，那么你可以使用

1fr

@TemaniAfif true进行对称布局并使列相等，但我的搜索没有找到它（因为这是一个框架不同的问题！）对，但在我的搜索中没有出现-->这不是问题，你没有找到它，但我找到了，所以我将其作为副本关闭。将问题作为副本关闭并不是一件坏事。你的问题可以知道为那些重复的目标带来更多搜索。@Temaniaff谢谢-在我看来，这是一个不同的问题，但我们同意不同意见。