Podobnie jak wiele innych rzeczy w CSS, jest wiele rzeczy, które warto wiedzieć, nawet coś tak malutkiego, jak centrowanie znacznika listy.
Czytelnik napisał zrzut ekranu przedstawiający to, co próbowali osiągnąć - w zasadzie uporządkowaną listę (
- ) ze znacznikami listy (1., 2., 3. itd.) u góry zawartości listy i wyśrodkowaną. Na zrzucie ekranu tekst był wyśrodkowany, ale liczby nie. A więc wyśrodkujmy te liczby!
Pierwszą rzeczą, którą należy wiedzieć, jest to, że tak list-style-positionmusi być inside. To rozpocznie imprezę centrującą. Jeśli mamy przerwę przed treścią, prawie tam jesteśmy. W filmie bawimy się, używając ::markerdo tego celu, znajdując ograniczenia i badając wszystkie pomysły.
Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.
Pulpit
| Chrom | Firefox | TO ZNACZY | Brzeg | Safari |
|---|---|---|---|---|
| 86 | 68 | Nie | 86 | 11.1 |
Telefon komórkowy / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11,3-11,4 |