我可以减少li数字和内容之间的间距吗？

Question

我想减少序数和内容之间的间距，即我想更改为：

1.  foo

至：

1. foo

这可能吗？

<ol>
    <li>...content</li>
</ol>

Answer 1

5
投票

尝试

list-style-position:inside;

Answer 2

你可以用跨度来完成

<ol>
  <li><span style="margin-left: -10px">near</span></li>
  <li>normal</li>
</ol>

你也可以这样做：

<ol>
  <li style="text-indent: -5px">near</li>
  <li>normal</li>
</ol>

Answer 3

看来您可以使用 padding-left

增加

空间，但不能减少空间。

我相信您需要找到一种替代解决方法，例如用 div 或 span 标签包装每个列表项的内容，并为该标签提供负的 margin-left。

Answer 4

为了大家的利益，我也遇到了同样的问题。问题是它不是空格或填充，因为您可能认为您只需要编辑设置的默认边距...

<ol>
    <li><p style="margin-left: -30">content1</p></li>
    <li><p style="margin-left: -30">content2</p></li>
</ol>

希望这有帮助，这很痛苦。