在列中时呈现列表项标记
Rendering of list item marker when in column
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>
除了第一列外，上面的代码没有对列表项进行编号。
是否有其他方法来获得预期的渲染效果（所有项目均已编号）？
谢谢
你需要加一点CSS来使默认样式位置在里面。尝试：
li {
list-style: inside decimal;
}
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>
除了第一列外，上面的代码没有对列表项进行编号。
是否有其他方法来获得预期的渲染效果（所有项目均已编号）？ 谢谢
你需要加一点CSS来使默认样式位置在里面。尝试：
li {
list-style: inside decimal;
}