使網格元素跨距到父級的整個寬度

無堆積。咱們進入正題吧。

您有一個網格容器，它有一些子元素，分成您想要的任意多列。現在，假設網格容器有七個元素，這些元素分為三列。您希望第七個元素佔據父元素的整個寬度。

這是程式碼片段。

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

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

以上是使網格元素跨距到父級的整個寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章！