Giống như rất nhiều thứ CSS, có rất nhiều thứ nhỏ cần biết, thậm chí có thứ nhỏ nhặt như căn giữa một điểm đánh dấu danh sách.
Một độc giả đã viết thư kèm theo ảnh chụp màn hình về những gì họ đang cố gắng hoàn thành - về cơ bản là một danh sách có thứ tự (
- ) với các điểm đánh dấu danh sách (1., 2., 3., v.v.) trên đầu nội dung danh sách và được căn giữa. Trong ảnh chụp màn hình, văn bản được căn giữa, nhưng các con số thì không. Vì vậy, hãy lấy những con số đó làm trung tâm!
Điều đầu tiên cần biết là list-style-positioncần phải có inside. Điều đó sẽ bắt đầu bữa tiệc trung tâm. Nếu chúng ta có thời gian giải lao trước nội dung, chúng ta sẽ có khá nhiều thứ. Trong video, chúng tôi sử dụng quyền ::markerđể thực hiện việc này, đồng thời tìm ra những hạn chế và khám phá tất cả các ý tưởng.
Dữ liệu hỗ trợ trình duyệt này là từ Caniuse, có nhiều chi tiết hơn. Một con số cho biết rằng trình duyệt hỗ trợ tính năng ở phiên bản đó trở lên.
Máy tính để bàn
| Trình duyệt Chrome | Firefox | I E | Cạnh | Safari |
|---|---|---|---|---|
| 86 | 68 | Không | 86 | 11.1 |
Di động / Máy tính bảng
| Chrome dành cho Android | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11,3-11,4 |