Kuten niin monista asioista CSS, on kaikenlaisia pieniä juttuja, jopa jotain niin vähäpätöistä kuin luettelomerkin keskittäminen.
Lukija kirjoitti kuvakaappauksella siitä, mitä he yrittivät saavuttaa - periaatteessa järjestetty luettelo (
- ) luettelomerkkien (1., 2., 3. jne.) kanssa luettelon sisällön päällä ja keskitettynä. Kuvakaappauksessa teksti oli keskitetty, mutta numerot eivät. Joten, keskitetään nämä numerot!
Ensinnäkin on tiedettävä, että sen list-style-position
on oltava inside
. Se saa keskityksen aloittamaan. Jos meillä on tauko ennen sisältöä, olemme melkein siellä. Videossa pelataan käyttämällä tätä ::marker
tehdä samalla, kun löydämme rajoituksia ja tutkimme kaikkia ideoita.
Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.
Työpöytä
Kromi | Firefox | IE | Reuna | Safari |
---|---|---|---|---|
86 | 68 | Ei | 86 | 11.1 |
Matkapuhelin / tabletti
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 11.3-11.4 |