Как и многие другие вещи в CSS, нужно знать множество мелочей, даже такие незначительные, как центрирование маркера списка.
Читатель написал скриншот того, что они пытались достичь - в основном упорядоченный список (
- ) с маркерами списка (1., 2., 3. и т. д.) над содержимым списка по центру. На скриншоте текст был по центру, а цифры - нет. Итак, давайте сосредоточим эти числа!
Первое, что нужно знать, это то, что list-style-positionнужно inside. Это положит начало центру. Если у нас есть перерыв перед контентом, мы почти на месте. В видео мы поиграем с использованием ::markerдля этого , находим ограничения и исследуем все идеи.
Эти данные о поддержке браузером взяты из Caniuse, где есть более подробная информация. Число означает, что браузер поддерживает эту функцию в этой версии и выше.
Рабочий стол
| Хром | Fire Fox | IE | Край | Сафари |
|---|---|---|---|---|
| 86 | 68 | Нет | 86 | 11.1 |
Мобильный / планшет
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 год | 11,3-11,4 |