Question

我正在渲染CSS网格，每行一列，将渲染以下任何一个：

当我什么也不渲染时，所有行都将在该列中什么也不渲染，因此我希望该列的宽度为0，而其他列应拆分剩余空间。

呈现按钮类型1时，我希望该列的宽度为120px，并且不呈现按钮的行应显示该宽度的空白区域（以免破坏布局）

当我同时渲染两种类型的按钮时（因此某些行包含按钮类型1，一些行包含按钮类型2，而有些行则不包含任何内容），我希望该列采用较宽的按钮宽度-185px。

我尝试通过在minmax(0, 185px)中设置grid-template-columns来实现这一点，但是没有运气，因为在这种情况下，它总是将宽度设置为185px。任何对此的想法将不胜感激

将列放置在具有样式的网格包装中

.CSSGrid {
    grid-template-columns:
48px minmax(100px, 3fr) 140px 140px minmax(200px, 1fr) minmax(100px, 1fr) max-content 50px;
}

包含按钮的列是倒数第二个，值max-content（我刚刚在尝试）

示例：https://codepen.io/idjuka/pen/wvarPrN 在此示例中，如果我要删除最后一行（带有较宽的按钮），我希望上方的按钮具有较小的宽度。是否可以在按钮上设置100％的宽度，但使用CSS网格确定列的宽度-如果内容宽度为xyz px->列宽应为xyz px，