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