Question

当列表在多列中显示时，Chrome不会对列表项进行编号。

<!DOCTYPE html>
<html>
<head>
<title>Testing li number in column</title>
</head>
<body>
<ol style="column-count:3">
<li>This is item 1.</li>
<li>This is item 2.</li>
<li>This is item 3.</li>
<li>This is item 4.</li>
<li>This is item 5.</li>
</ol>
</body>
</html>

上述代码的解释没有编号列表项，第一列除外。

是否有其他方法可以获得预期的渲染（所有项目都已编号）？谢谢

Answer 1

您需要添加一些CSS以在其中设置默认样式位置。尝试：

li {
  list-style: inside decimal;
}

在列中呈现列表项标记

1 个答案: