Zahlen in Listen werden falsch dargestellt

Konnte ich das hier reproduzieren?

Bearbeiten: Ja, das konnte ich. Die erste Zeile enthält:

12345678.
7 „Gefällt mir“

Ich werde dieselbe Liste rendern und das start-Attribut für jede nachfolgende um eine Stellenwertigkeit erhöhen:

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

Ich kann das reproduzieren. Es ist ein CSS-Problem, da der Standardabstand um geordnete Listen (<ol>) normalerweise so eingestellt ist, dass er niedrige Zahlen aufnimmt.

Ich habe festgestellt, dass dieselben Listen je nach Theme unterschiedlich gerendert werden, daher habe ich eine Theme-Komponente erstellt, die einfach Folgendes hinzufügt:

ol {
  margin-left: 3em;
}

Andererseits gilt dies auch für alle Listen, und wenn das Element keine große Zahl mit 5+ Ziffern ist, sehen die geordneten Listen so aus, als hätten sie zu viel Platz…

Mein Vorschlag: Wenden Sie eine Komponente an, die Ihrer Verwendung von geordneten Listen auf Ihrer Website entspricht. Ich denke, es ist selten, den mittleren Teil einer sehr langen Liste von Elementen auszuschneiden, und ich kann mir nicht vorstellen, dass jemand Listen mit 10.000 Elementen postet, ohne auf Zeichenlimits zu stoßen. :slight_smile:

Ich dachte, es gäbe vielleicht eine Möglichkeit, es so zu stylen, dass eine gegebene Liste immer passt, aber die Nummerierung in geordneten Listen wird als Pseudoelement (::marker) angewendet, und ich bin mir nicht sicher, wie man damit CSS-Mathematik betreibt… :thinking:

3 „Gefällt mir“

Hallo,

Es tut uns leid, dass Sie Probleme damit haben.

Nach weiterer Prüfung haben wir festgestellt, dass dieses spezielle Problem eher selten auftritt. Daher glauben wir, dass Ihre beste Lösung eine benutzerdefinierte Themenkomponente sein wird, um das CSS direkt auf Ihrer Website zu ändern.

2 „Gefällt mir“