Подобно на толкова много неща в 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 |