欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

方法一：使用grid-column屬性

如果你想要改變一個單元格跨越的列數，或者改變它在網格中的位置，你可以使用grid-column屬性。

.item {
  grid-column: span 2; /* 這個單元格將跨越兩列 */
}

在上面的例子中，.item將跨越兩列，這實際上會改變它的寬度，因為它現在占據了更多的網格空間。

方法二：改變網格容器的grid-template-columns

你可以使用JavaScript來動態改變整個網格容器的grid-template-columns，從而間接改變特定單元格的寬度。

// 獲取網格容器元素
const gridContainer = document.querySelector('.container');


// 改變網格列的定義，以調整特定單元格的寬度
gridContainer.style.gridTemplateColumns = '1fr 2fr 1fr'; // 假設你想要改變中間單元格的寬度