Номера в списке отображаются неверно

Удалось ли мне воспроизвести это?

Редактирование: Да, удалось. Первая строка содержит:

12345678.
7 лайков

Я собираюсь отрендерить тот же список, увеличивая атрибут start на одну разрядную единицу для каждого последующего:

1. Бетси
1. Тейси
1. Тиб
1. Найфи

  1. Бетси
  2. Тейси
  3. Тиб
  4. Найфи

  1. Бетси
  2. Тейси
  3. Тиб
  4. Найфи

  1. Бетси
  2. Тейси
  3. Тиб
  4. Найфи

  1. Бетси
  2. Тейси
  3. Тиб
  4. Найфи

  1. Бетси
  2. Тейси
  3. Тиб
  4. Найфи

  1. Бетси
  2. Тейси
  3. Тиб
  4. Найфи

Мне удалось воспроизвести проблему. Это вопрос CSS: по умолчанию отступы вокруг нумерованных списков (<ol>) обычно настроены так, чтобы вместить небольшие числа.

Я заметил, что одни и те же списки отображаются по-разному в зависимости от темы, поэтому создал компонент темы, который просто добавлял:

ol {
  margin-left: 3em;
}

С другой стороны, это также применяется ко всем спискам, и когда элемент не является большим числом из 5+ цифр, нумерованные списки выглядят так, будто у них слишком много отступа…

Мое предложение: примените компонент, который соответствует использованию нумерованных списков на вашем сайте; я считаю, что редко приходится вырывать середину очень длинного списка элементов, и не могу представить, чтобы кто-то публиковал списки из 10 000 элементов, не упершись в лимит символов. :slight_smile:

Я думал, что, возможно, есть способ стилизовать это так, чтобы любой данный список всегда помещался, но нумерация в нумерованных списках применяется как псевдоэлемент (::marker), и я не уверен, как выполнять математические операции CSS над ними… :thinking:

3 лайка

Привет!

Извините, что у вас возникла эта проблема.

После дополнительного изучения мы выяснили, что данный случай встречается довольно редко, поэтому, на наш взгляд, лучшим решением будет создание пользовательского компонента темы для непосредственного изменения CSS на вашем сайте.

2 лайка