使网格元素跨度到父级的整个宽度

无堆积。咱们进入正题吧。

您有一个网格容器，它有一些子元素，分为您想要的任意多列。现在，假设网格容器有七个元素，这些元素分为三列。您希望第七个元素占据父元素的整个宽度。

这是代码片段。

.seven {
    grid-column: 1 / span 3;
}

在此处查看完整示例：https://codepen.io/ccgaejza-the-selector/pen/dyELmRE

以上是使网格元素跨度到父级的整个宽度的详细内容。更多信息请关注PHP中文网其他相关文章！