Όπως τόσα πολλά πράγματα CSS, υπάρχουν πολλά μικρά πράγματα που πρέπει να γνωρίζετε, ακόμη και κάτι τόσο μικρό όσο κεντράρισμα ενός δείκτη λίστας.
Ένας αναγνώστης έγραψε με ένα στιγμιότυπο οθόνης για το τι προσπαθούσαν να επιτύχουν - βασικά μια παραγγελία λίστα (
- ) με τους δείκτες λίστας (1., 2., 3., κ.λπ.) πάνω από το περιεχόμενο της λίστας και στο κέντρο. Στο στιγμιότυπο οθόνης, το κείμενο ήταν στο κέντρο, αλλά οι αριθμοί δεν ήταν. Λοιπόν, ας συγκεντρώσουμε αυτούς τους αριθμούς!
Το πρώτο πράγμα που πρέπει να γνωρίζετε είναι ότι list-style-positionπρέπει να είναι inside. Αυτό θα ξεκινήσει το κεντρικό πάρτι. Εάν έχουμε ένα διάλειμμα πριν από το περιεχόμενο, είμαστε λίγο πολύ εκεί. Στο βίντεο, παίζουμε χρησιμοποιώντας το ::markerγια να το κάνουμε αυτό, ενώ βρίσκουμε περιορισμούς και διερευνούμε όλες τις ιδέες.
Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.
Επιφάνεια εργασίας
| Χρώμιο | Firefox | ΙΕ | Ακρη | Σαφάρι |
|---|---|---|---|---|
| 86 | 68 | Οχι | 86 | 11.1 |
Κινητό / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |