列表编号渲染不正确

错误
1

我在这里能重现吗？

编辑：是的，我能。第一行包含：

12345678.
7 个赞
3

我将渲染相同的列表，为每个后续列表增加一个位值的起始属性：

1. Betsy
1. Tacy
1. Tib
1. Naifi
  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi
  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi
  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi
  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi
  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi
  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi

我能够重现这个问题。这是一个 CSS 问题，有序列表（<ol>）周围的默认间距通常设置为适应较小的数字。

我注意到不同的主题渲染相同的列表方式不同，所以我创建了一个主题组件，它只添加了：

ol {
  margin-left: 3em;
}

另一方面，这也适用于所有列表，当项目不是 5 位数以上的长数字时，有序列表看起来会显得空间过多……

Screenshot 2022-04-01 at 12-33-08 Test numbers - Sandbox Discourse Kit
Screenshot 2022-04-01 at 12-33-08 Test numbers - Sandbox Discourse Kit636×208 3.67 KB

我的建议是：应用一个与您网站上使用的有序列表相匹配的组件；我认为很少会摘录一个非常长的项目列表的中间部分，而且我无法想象有人会发布包含 10,000 个项目的列表而不会遇到字符限制。:slight_smile:

我想也许有一种方法可以对其进行样式设置，以便给定的列表始终能够适应，但有序列表中的编号是通过伪元素（::marker）应用的，而且我不确定如何对它们进行 CSS 计算…… :thinking:

3 个赞
8

您好，

很抱歉您遇到了此问题。

经过进一步调查，我们发现此特定问题比较少见，因此我们认为最好的解决方案是使用自定义主题组件直接修改您网站的 CSS。

2 个赞