Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
在有序列表中嵌入html表会导致不对齐_Html_Css_Html Table_Html Lists - Fatal编程技术网

在有序列表中嵌入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个最后的子规则,有足够的规则覆盖所有可能的行数。不干净,不优雅,但如果行数有限制,则是可行的