如何获取表行中显示的列表数字样式？

Question

我想用display table-row和table-cell执行排序列表，但它正在删除列表中的数字。

li{
    display: table-row;
}
li span{
    display: table-cell;
    padding: 5px;
}

demo

那么，我怎样才能得到数字1,2，......？

Answer 1

您可以将CSS计数器与:before结合使用，将显示为li的{​​{1}}编号：

table-row

Demo.

Answer 2

只需将以下CSS属性添加到li

即可

li
{
   display: list-item;
}

working fiddle

祝你好运！