有没有办法设置最小/最大列布局?

时间:2021-05-13 19:50:46

标签: css css-grid

我正在尝试使用 css 网格来显示我的列布局。

是否可以设置 css 网格,如果有 2 个子网格,则显示 2 列,每列 1fr,但如果列中只有一个网格项,则将该列设置为 1fr?

目前,在检查控制台时,我看到如果列中只有 1 个孩子,则另一列只是空白并占据另一半,但我想知道在这种情况下是否有可能删除空白的孩子,让唯一的孩子占据整个列宽。

示例:

有 2 个孩子的布局,每个孩子跨越 1fr,总共 2 列

[----------] [----------]

1 个孩子跨越 1fr 的布局,总共一列。

[-----------------------]

enter image description here

0 个答案:

没有答案
相关问题