什么是最后一列 CSS 网格布局属性，它记录在何处？

Question

我正在想办法让网格项目跨越所有列。当我这样做时 GitHub 副驾驶建议 final-column。它在 Chrome 中有效，但我无法在任何地方找到它的文档...我什至搜索了 the Mozilla docs on it。 final-column 但没有任何结果。

用法示例：

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

Answer 1

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

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

例如试试这个片段：

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>

What is the final-column CSS Grid layout property and where is it documented?