Zoals zoveel dingen met CSS, zijn er allerlei kleine dingen om te weten, zelfs zoiets minuscuul als het centreren van een lijstmarkering.
Een lezer schreef in met een screenshot van wat ze probeerden te bereiken - in feite een geordende lijst (
- ) met de lijstmarkeringen (1., 2., 3., enz.) bovenaan de lijstinhoud en gecentreerd. In de schermafbeelding was de tekst gecentreerd, maar de cijfers niet. Dus laten we die cijfers in het midden plaatsen!
Het eerste dat u moet weten, is dat het zo list-style-positionmoet zijn inside. Dat zal de centrerende partij op gang brengen. Als we een pauze hebben voor de inhoud, zijn we er zo ongeveer. In de video spelen we met het gebruik van de ::markerom dit te doen, terwijl we beperkingen zoeken en alle ideeën verkennen.
Deze browserondersteuningsgegevens zijn van Caniuse, die meer details bevat. Een getal geeft aan dat de browser de functie ondersteunt vanaf die versie.
Bureaublad
| Chrome | Firefox | D.W.Z | Rand | Safari |
|---|---|---|---|---|
| 86 | 68 | Nee | 86 | 11.1 |
Mobiel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |