CSS-是否可以强制a<;th>;占了整整一排?

CSS-是否可以强制a<;th>;占了整整一排?,css,Css,这是非常不传统的,但这是在重新编写HTML页面还是在CSS中找到一种方法之间的选择。我希望一个占据整行,迫使它后面的位于下一行(因此变成一列而不是两列) 我试过display:block,但这似乎并不能解决问题。我应该尝试什么?我认为这是不可能的,因为rowspan和colspan没有CSS等价物 无法使用:after伪类完成此操作,因为您无法以这种方式添加标记,只能添加节点内容。(对吗?) 我想到的唯一一个想法是,如果第一列有类名,您可以尝试 th { display: none } th.f

这是非常不传统的,但这是在重新编写HTML页面还是在CSS中找到一种方法之间的选择。我希望一个
占据整行,迫使它后面的
位于下一行(因此
变成一列而不是两列)


我试过display:block,但这似乎并不能解决问题。我应该尝试什么?

我认为这是不可能的,因为
rowspan
colspan
没有CSS等价物

无法使用
:after
伪类完成此操作,因为您无法以这种方式添加标记,只能添加节点内容。(对吗?)

我想到的唯一一个想法是,如果第一列有类名,您可以尝试

th { display: none }
th.firstcolumn { display: table-cell }
看看会发生什么。但是,我认为这不会导致
th
分散到每一列,只会隐藏其他列

哦,还有一个非常糟糕的想法,类似于

th { display: none }
th.firstcolumn { position: absolute; display: block; left: 0px; right: 0px; }

但在您使用之前,您可能需要重写HTML。

据我所知,目前还没有css属性允许您设置表格单元格属性,如colspan

我只需要在IDE中进行搜索/替换,将
标记替换为

这样做只需要几秒钟

根据OP的编辑:


我会尝试将每次出现的
替换为
,这样您将获得所需的效果,即按所述背靠背分割。

如果标题单元格上有ID,则可以使用脚本执行此操作

var header = document.getElementById("header_cell_id");
header.colSpan = "2";
我一直在用jQuery尝试这一点(这会更好),但由于某些原因,它似乎不起作用:

$("th").attr("colspan", "2");

这是不可能的——我敢说,这是不可能的。你应该正确使用HTML。听起来你的
应该有一个
范围
属性来指示它指向的单元格