Som så mange ting CSS, er det alle slags små ting å vite, til og med noe så lite som å sentrere en listemarkør.
En leser skrev inn med et skjermbilde av hva de prøvde å oppnå - i utgangspunktet en ordnet liste (
- ) med listemarkørene (1., 2., 3. osv.) øverst på listeinnholdet og sentrert. På skjermbildet var teksten sentrert, men tallene ikke. Så la oss få disse tallene sentrert!
Det første du må vite er at det list-style-position
må være inside
. Det får sentreringsfesten i gang. Hvis vi har en pause før innholdet, er vi ganske mye der. I videoen leker vi med ::marker
å gjøre dette, mens vi finner begrensninger og utforsker alle ideene.
Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.
Desktop
Chrome | Firefox | DVS | Kant | Safari |
---|---|---|---|---|
86 | 68 | Nei | 86 | 11.1 |
Mobil / nettbrett
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 11.3-11.4 |