什么是最后一列 CSS 网格布局属性，它记录在哪里？答案

【问题标题】：What is the final-column CSS Grid layout property and where is it documented?什么是最后一列 CSS 网格布局属性，它记录在哪里？
【发布时间】：2022-01-13 19:26:31
【问题描述】：

我试图想办法让网格项跨越所有列。当我这样做时，GitHub copilot 建议 final-column。它可以在 Chrome 中运行，但我在任何地方都找不到它的文档……我什至搜索了the Mozilla docs on it。对于final-column，但没有任何结果。

使用示例：

.upload-image {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: final-column;
}

【问题讨论】：

它可能是链接页面上描述的custom-ident，而不是一个值。如果你能展示更多我们现在可以肯定的 CSS。
您可以随意命名网格区域，这可能就是这样；有人将网格区域命名为“final-column”。
最后一栏是-1

标签： css css-grid

【解决方案1】：

我不认为 'final-column' 作为 grid-column-end 的设置存在。

事实上，如果您将任何旧垃圾作为该值，您似乎会将图像延伸到最后一列。

试试这个 sn-p 例如：

div {
  display: grid;
  grid-template-areas: 'A B C';
}

img {
  width: 100%;
  grid-column-start: 1;
  grid-column-end: rubbish;
}

<div><img src="https://picsum.photos/id/1015/300/200">
</div>

【讨论】：