Rovnako ako toľko vecí, ktoré používajú CSS, je treba vedieť aj najrôznejšie drobnosti, dokonca aj niečo také nepatrné, ako je centrovanie značky zoznamu.
Čitateľ napísal snímku obrazovky s tým, čo sa snažili dosiahnuť - v podstate zoradený zoznam (
- ) so značkami zoznamu (1., 2., 3. atď.) v hornej časti obsahu zoznamu a vycentrované. Na snímke obrazovky bol text vycentrovaný, ale čísla nie. Poďme teda na to, aby boli tieto čísla vycentrované!
Prvá vec, ktorú treba vedieť, je, že list-style-position
musí byť inside
. Tým sa začne centrovacia párty. Ak máme pred obsahom prestávku, sme tam pekne. Vo videu sa hráme s tým, ::marker
ako to dosiahnuť, pričom nachádzame obmedzenia a skúmame všetky nápady.
Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.
Desktop
Chrome | Firefox | IE | Hrana | Safari |
---|---|---|---|---|
86 | 68 | Nie | 86 | 11.1 |
Mobil / tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 11.3-11.4 |