Wie so viele Dinge in CSS gibt es alle möglichen Kleinigkeiten zu wissen, sogar etwas so Winziges wie das Zentrieren eines Listenmarkers.
Ein Leser schrieb mit einem Screenshot von dem, was er erreichen wollte - im Grunde eine geordnete Liste (
- ) mit den Listenmarkierungen (1., 2., 3. usw.) über dem Listeninhalt und zentriert. Im Screenshot wurde der Text zentriert, die Zahlen jedoch nicht. Lassen Sie uns diese Zahlen zentrieren!
Das Erste, was man wissen muss, ist, dass es sein list-style-positionmuss inside. Damit beginnt die Zentrierungsparty. Wenn wir vor dem Inhalt eine Pause machen, sind wir so ziemlich da. Im Video spielen wir damit, indem wir die verwenden ::marker, um Einschränkungen zu finden und alle Ideen zu erkunden.
Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrom | Feuerfuchs | IE | Kante | Safari |
|---|---|---|---|---|
| 86 | 68 | Nein | 86 | 11.1 |
Handy / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |