sách gpt4 ai đã đi

javascript - Chơi với các ký hiệu phần tử số danh sách có thứ tự HTML

In lại Tác giả: Technical Little Cat Thời gian cập nhật: 2023-10-29 11:47:58 27 4
mua khóa gpt4 Nike

Có ai có thể tìm ra cách sử dụng ol/ Số từ danh sách để dán nhãn cho hình ảnh?






Sau khi áp dụng một số mã CSS, kết quả sẽ như sau:

------ ------ ------
| | | | | |
| | | | | |
| 1| | 2| | 3|
------ ------ ------

Mỗi khối là một bức chân dung nhỏ.

Tôi biết tôi có thể chèn một phần tử mới vào các số chứa nó và thao tác nó khi cần, nhưng tôi muốn sử dụng phần tử tích hợp ol số seri.

1 Câu trả lời

Rất đơn giản:

ôi {
counter-reset: listCount;
}
lý {
float: bên trái;
đường viền: 3px solid #f90;
tăng ngược: listCount;
vị trí: tương đối;
}
li:sau {
nội dung: counter(listCount, số không đứng đầu);
vị trí: tuyệt đối;
dưới cùng: 0;
phải: 0;
chiều rộng: 2em;
chiều cao: 2em;
màu sắc: #fff;
màu nền: rgba(0,0,0,0.5);
căn chỉnh văn bản: ở giữa;
chiều cao dòng: 2em;
}

Bản demo JS Fiddle .

Tất nhiên, điều này đòi hỏi người dùng phải có trình duyệt có khả năng sử dụng css-generated-content, điều này loại trừ hoàn toàn IE.

Tài liệu tham khảo:

Liên quan đến javascript - chơi với các ký hiệu phần tử số danh sách có thứ tự HTML, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/8681654/

27 4 0
Bài viết được đề xuất: PolyFill/Shim cho chuyển tiếp và hoạt ảnh CSS
Bài viết được đề xuất: linux - Đăng ký kiểm tra sức khỏe
Bài viết được đề xuất: Trình giữ chỗ HTML5 biến mất khi lấy nét
Bài viết được đề xuất: Căn chỉnh theo chiều dọc trong UL LI?
Công nghệ mèo con
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com