Seperti banyak perkara CSS, ada banyak perkara kecil yang perlu diketahui, bahkan sesuatu yang sangat kecil seperti memusatkan penanda senarai.
Seorang pembaca menulis dengan tangkapan skrin tentang apa yang ingin mereka capai - pada asasnya senarai teratur (
- ) dengan penanda senarai (1., 2., 3., dan lain-lain) di atas kandungan senarai dan berpusat. Dalam tangkapan skrin, teksnya berpusat, tetapi jumlahnya tidak. Oleh itu, mari kita memusatkan nombor tersebut!
Perkara pertama yang perlu diketahui adalah yang list-style-position
perlu inside
. Itu akan memulakan pesta pemusatan. Sekiranya kita mempunyai rehat sebelum kandungan, kita pasti ada di sana. Dalam video, kami bermain dengan menggunakan ::marker
untuk melakukan ini, sambil mencari batasan dan meneroka semua idea.
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
Chrome | Firefox | IE | Hujung | Safari |
---|---|---|---|---|
86 | 68 | Tidak | 86 | 11.1 |
Mudah Alih / Tablet
Android Chrome | Android Firefox | Android | Safari iOS |
---|---|---|---|
88 | 85 | 81 | 11.3-11.4 |