Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.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 css表格到网格,具有自动列计数功能_Javascript_Html_Css - Fatal编程技术网

Javascript css表格到网格,具有自动列计数功能

Javascript css表格到网格,具有自动列计数功能,javascript,html,css,Javascript,Html,Css,我将所有的表都转换为基于网格的div,因为这些表在移动设备上是多么的不可用 我创建了一个表,看起来如下所示: 标题 标题 标题 细胞 细胞 细胞 细胞 细胞 桌子 { 显示:网格; } .表格行 { 显示:内容; } .table header、.table单元格{} .表头{} 至少,您必须添加正在运行的代码段,以便我们可以看到当前结果。也包括css。@O.O完成了,尽管我已经删除了css中不起作用的内容-关键是我问题的最后一句话。似乎一个解决方案是使用css变量,但我更愿意避免在HTML

我将所有的表都转换为基于网格的div,因为这些表在移动设备上是多么的不可用

我创建了一个表,看起来如下所示:


标题
标题
标题
细胞
细胞
细胞
细胞
细胞
桌子
{
显示:网格;
}
.表格行
{
显示:内容;
}
.table header、.table单元格{}
.表头{}

至少,您必须添加正在运行的代码段,以便我们可以看到当前结果。也包括css。@O.O完成了,尽管我已经删除了css中不起作用的内容-关键是我问题的最后一句话。似乎一个解决方案是使用css变量,但我更愿意避免在HTML中使用style=“--columnCount:5;”。