我正在尝试使用 css 网格来显示我的列布局。
是否可以设置 css 网格,如果有 2 个子网格,则显示 2 列,每列 1fr,但如果列中只有一个网格项,则将该列设置为 1fr?
目前,在检查控制台时,我看到如果列中只有 1 个孩子,则另一列只是空白并占据另一半,但我想知道在这种情况下是否有可能删除空白的孩子,让唯一的孩子占据整个列宽。
示例:
有 2 个孩子的布局,每个孩子跨越 1fr,总共 2 列
[----------] [----------]
1 个孩子跨越 1fr 的布局,总共一列。
[-----------------------]