Tako kot toliko stvari CSS, je tudi tu treba vedeti vse mogoče stvari, tudi nekaj tako majhnega, kot je centriranje označevalnika seznama.
Bralec je s posnetkom zaslona zapisal, kaj so poskušali doseči - v bistvu urejen seznam (
- ) z oznakami seznama (1., 2., 3. itd.) na vrhu vsebine seznama in centrirane. Na posnetku zaslona je bilo besedilo centrirano, številke pa ne. Torej, spravimo te številke v sredino!
Najprej je treba vedeti, da list-style-position
mora biti inside
. Tako se bo začela zabava za centriranje. Če imamo odmor pred vsebino, smo precej tam. V videoposnetku se igramo z uporabo ::marker
tega, hkrati pa najdemo omejitve in raziskujemo vse ideje.
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
Chrome | Firefox | IE | Rob | Safari |
---|---|---|---|---|
86 | 68 | Ne | 86 | 11.1 |
Mobilni / tablični računalnik
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 11.3-11.4 |