Stejně jako tolik věcí v CSS je třeba vědět nejrůznější drobnosti, dokonce i něco tak nepatrného, jako je centrování značky seznamu.
Čtenář napsal snímek obrazovky s tím, čeho se snažili dosáhnout - v podstatě seřazený seznam (
- ) se značkami seznamu (1., 2., 3. atd.) v horní části obsahu seznamu a na střed. Na snímku obrazovky byl text vycentrován, ale čísla nebyla. Pojďme tedy soustředit tato čísla!
První věc, kterou je třeba vědět, je, že to list-style-positionmusí být inside. Tím se zahájí centrování. Pokud máme před obsahem přestávku, jsme tam docela dobře. Ve videu hrajeme s používáním ::markerk tomu, abychom našli omezení a prozkoumali všechny nápady.
Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.
plocha počítače
| Chrome | Firefox | TJ | Okraj | Safari |
|---|---|---|---|---|
| 86 | 68 | Ne | 86 | 11.1 |
Mobilní / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |