Як і багато інших речей у CSS, тут потрібно знати всі найрізноманітніші речі, навіть такі мізерні, як центрування маркера списку.
Читач написав скріншот того, що вони намагалися досягти - в основному упорядкований список (
- ) з маркерами списку (1., 2., 3. тощо) зверху вмісту списку та по центру. На скріншоті текст був відцентрований, а цифри - ні. Отже, давайте отримаємо ці числа по центру!
Перше, що потрібно знати, це те, що list-style-positionмає бути inside. Це дозволить почати вечірку з центру. Якщо у нас є перерва перед змістом, ми майже там. У відео ми граємося, використовуючи ::markerдля цього, шукаючи обмеження та вивчаючи всі ідеї.
Дані про підтримку веб-переглядача подані компанією Caniuse, яка містить більше деталей. Цифра вказує на те, що браузер підтримує цю функцію на цій версії та вище.
Робочий стіл
| Chrome | Firefox | IE | Край | Сафарі |
|---|---|---|---|---|
| 86 | 68 | Ні | 86 | 11.1 |
Мобільний / планшетний
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |