Html 网格柱跨度总宽度-1?

Html 网格柱跨度总宽度-1?,html,css,css-grid,Html,Css,Css Grid,是否有必要告诉我的gp1类列从网格位置1开始,并结束于位置max-1,记住这是一个动态网格 .widthContainer{ 宽度:400px; 高度:300px; 背景色:#eee; } .电网{ 显示:网格; 网格模板列:重复(自动拟合,50px); 网格模板行:重复(自动拟合,25px); 最小高度:98%; } .grid>div{ 网格柱:1/-1; 网格行:1/-1; 网格模板列:重复(自动填充,最小值(50px,1fr)); 网格模板行:重复(自动填充,最小值(25px,1fr)

是否有必要告诉我的
gp1
类列从网格位置1开始,并结束于位置max-1,记住这是一个动态网格

.widthContainer{
宽度:400px;
高度:300px;
背景色:#eee;
}
.电网{
显示:网格;
网格模板列:重复(自动拟合,50px);
网格模板行:重复(自动拟合,25px);
最小高度:98%;
}
.grid>div{
网格柱:1/-1;
网格行:1/-1;
网格模板列:重复(自动填充,最小值(50px,1fr));
网格模板行:重复(自动填充,最小值(25px,1fr));
显示:网格;
}
.gp1{
背景色:#aaa;
网格行开始:2;
网格行端:4;
网格列开始:2;
网格柱端:4;
}

内容


是。将
-2
用于
网格柱端

.widthContainer{
宽度:400px;
高度:300px;
背景色:#eee;
}
.电网{
显示:网格;
网格模板列:重复(自动拟合,50px);
网格模板行:重复(自动拟合,25px);
最小高度:98%;
}
.grid>div{
网格柱:1/-1;
网格行:1/-1;
网格模板列:重复(自动填充,最小值(50px,1fr));
网格模板行:重复(自动填充,最小值(25px,1fr));
显示:网格;
}
.gp1{
背景色:#aaa;
网格行开始:2;
网格行端:4;
网格列开始:2;
网格柱端:-2;
}

内容


是。将
-2
用于
网格柱端

.widthContainer{
宽度:400px;
高度:300px;
背景色:#eee;
}
.电网{
显示:网格;
网格模板列:重复(自动拟合,50px);
网格模板行:重复(自动拟合,25px);
最小高度:98%;
}
.grid>div{
网格柱:1/-1;
网格行:1/-1;
网格模板列:重复(自动填充,最小值(50px,1fr));
网格模板行:重复(自动填充,最小值(25px,1fr));
显示:网格;
}
.gp1{
背景色:#aaa;
网格行开始:2;
网格行端:4;
网格列开始:2;
网格柱端:-2;
}

内容


Lol-太简单了。我甚至在尝试
Calc(none-1)
max-1的所有变体
。。。啊@jamheadart如果有帮助,请接受回答对不起,我之前试过了,时间太早了。刚刚回到网上接受。哈哈-太简单了。我甚至在尝试
Calc(none-1)
max-1的所有变体
。。。啊@jamheadart如果有帮助,请接受回答对不起,我之前试过了,时间太早了。现在刚刚回到在线接受。您已经在使用
网格列:1/-1所以使用
网格列:2/-2哦,就是这样,开始/结束FFS的简写。仍在学习css网格-我在某个地方读到过这篇文章,但它只是跳过了我的脑海,因为我太专注于所有的包装。网格列:1/-2;*(“从网格位置1开始,在位置max-1结束”)您已经在使用
网格列1/-1执行此操作所以使用
网格列:2/-2哦,就是这样,开始/结束FFS的简写。仍在学习css网格-我在某个地方读到过这篇文章,但它只是跳过了我的脑海,因为我太专注于所有的包装。网格列:1/-2;*(“从网格位置1开始,在最大位置-1结束”)