在有序列表中嵌入html表会导致不对齐
我试图创建一个嵌入在表中的逆序列表,以便每个列表项都是一个表行。这样我就可以有一个带有独立列的编号表。以下代码会执行此操作,但会导致编号未对齐的问题在有序列表中嵌入html表会导致不对齐,html,css,html-table,html-lists,Html,Css,Html Table,Html Lists,我试图创建一个嵌入在表中的逆序列表,以便每个列表项都是一个表行。这样我就可以有一个带有独立列的编号表。以下代码会执行此操作,但会导致编号未对齐的问题 2020 测试 测试2 测试 测试2 测试 测试2 你不能把一张表和一张这样的清单混在一起。您可以具有表或有序列表的语义,但不能具有混合语义。另一方面,在遵守HTML有效性的同时,从正确的数字开始并倒计时到1,这是一个棘手的问题。我们可以在每行的开头添加样式列表项作为额外的单元格,如下所示 li{ 显示:内容; } tr::之前{
2020
测试
测试2
测试
测试2
测试
测试2
你不能把一张表和一张这样的清单混在一起。您可以具有表或有序列表的语义,但不能具有混合语义。另一方面,在遵守HTML有效性的同时,从正确的数字开始并倒计时到1,这是一个棘手的问题。我们可以在每行的开头添加样式列表项作为额外的单元格,如下所示
li{
显示:内容;
}
tr::之前{
显示:列表项;
内容:'';
}
2020
测试
测试2
测试
测试2
测试
测试2
试试这个
表格{
计数器复位:数字4;
}
tr{
计数器增量:数字-1;
}
tr:以前{
内容:计数器(数字)”;
}
2020
测试
测试2
测试
测试2
测试
测试2
仅尝试此+代码
被视为低质量。请解释问题和您的解决方案。没有解释的代码片段在大多数情况下几乎一文不值。这对理解这个问题没有帮助,而且很难重现解决方案。大家好,有人能告诉我如何包含runsnippet函数吗?我点击导航栏上的snippet图标,然后它会弹出一个窗口,显示要包含哪些prog语言,我如何从那里继续?@Mrvs,向上投票选择CSS代码以控制行计数器。我从中学到了很多。非常感谢你,你可以使用一套第n个最后的子规则,有足够的规则覆盖所有可能的行数。不干净,不优雅,但如果行数有限制,则是可行的