Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否有一种方法可以设置网格行/列的起始位置,如:[line name]+;2._Javascript_Css_Grid_Css Grid - Fatal编程技术网

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。