我目前有一個(gè)包含 4 個(gè) div 的包裝器，我想將其中的 3 個(gè)堆疊成一行，而不是在下一行和整個(gè)空間中放置第四個(gè)，我正在努力獲取填充其余部分的大小，我正在使用媒體標(biāo)簽，所以我可能需要重置一些東西，這里是屏幕截圖和我的代碼和我的代碼#wrapper{ display: grid; grid-template-columns: 25% 50% 25%; grid-gap: 20px; padding-right: 1%; grid-auto-rows: 1fr; }div 的名稱相同
2 回答
慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
您可以按照前面所述創(chuàng)建grid-template-areas?；蛘撸恳恍锌梢允歉蟆叭萜鳌眱?nèi)自己的網(wǎng)格。網(wǎng)格?；旧鲜蔷W(wǎng)格中的網(wǎng)格。如果您的列間距逐行更改，這可能會(huì)提供更大的靈活性。
一只萌萌小番薯
TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊
您可以添加grid-template-areas，如下所示：
grid-template-areas: "outline design accesibility" "seo seo seo";
并將名稱添加到每個(gè)容器：例如： grid-area: seo;
- 2 回答
- 0 關(guān)注
- 191 瀏覽
添加回答
舉報(bào)
0/150
提交
取消