Javascript 是否有一种方法可以设置网格行/列的起始位置,如:[line name]+;2.
Javascript 是否有一种方法可以设置网格行/列的起始位置,如:[line name]+;2.,javascript,css,grid,css-grid,Javascript,Css,Grid,Css Grid,比方说,我想在这个网格中放置一个div,例如网格行:3/span 1,在javascript中,我有一个未知数字的变量(例如unknownNumber,我想要网格列:line3+unknownNumber/span 1。因此,如果unknownNumber=1,则按红色区域显示的方式放置div。这是可能的?不确定这是否是您的意思,但我有: 这是笔 var x=2; var y=parseInt($('.table-row4').css('grid-column-start')); var z
比方说,我想在这个网格中放置一个div,例如
网格行:3/span 1
,在javascript中,我有一个未知数字的变量(例如unknownNumber
,我想要网格列:line3+unknownNumber/span 1
。因此,如果unknownNumber=1
,则按红色区域显示的方式放置div。这是可能的?不确定这是否是您的意思,但我有:
这是笔
var x=2;
var y=parseInt($('.table-row4').css('grid-column-start'));
var z=x+y;
控制台日志(z);
$('.table-row4').css('grid-column-start',''+z+'');
y=parseInt($('.table-row4').css('grid-column-start'));
$('.table-row4').css('background-color','blue').css('color','white');
console.log(y);
.wrapper{
显示:网格;
网格模板列:重复(8,[col start]1fr);
证明内容:之间的空间;
边框:1px纯黑;
}
.表1{
格构柱:1/2跨;
}
.表2{
格构柱:2/1跨;
}
.表3{
格构柱:3根/跨1;
}
.表4{
格构柱:4根/跨1;
边框:3倍纯红;
}
.表5{
格构柱:5/1跨;
}
.表6{
格构柱:6/1跨;
}
第1行
第2行
第3行
第4行
第5行
第6行
是。JavaScript库jQuery。