cuốn sách gpt4 ai đã làm

Html5 - Ngắt dòng giữa "nội dung" và các lớp liên quan

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 07:01:12 25 4
mua khóa gpt4 Nike

Để thiết kế cách hiển thị số bằng html và css sau đây (là bộ đếm hình ảnh liên quan đến carousel)

nhập mô tả hình ảnh ở đây

Tôi gặp phải một vấn đề trong đó nó đặt một loại ký tự dòng mới vào "nội dung" để .down_numb (36) có thể nằm bên dưới đường chéo như trong hình trước.

Đây là mã của tôi:

#thùng chứa{
chiều rộng: 150px;
chiều cao: 150px;
màu nền: đen;
lề trái: tự động;
lề phải: tự động;
position: relative;
}


/*Tham số tương tự giữa 2 lớp*/
.up_num , .down_num{
position: absolute;
cỡ chữ: 25px;

chiều rộng: 10px;
chiều cao: 10px;
color: white;
}

/*Vị trí của số lên*/
.up_num{
trên cùng: 20%;
trái: 45%;
}

/*Vị trí của số xuống*/
.down_num{
trên cùng: 40%;
trái: 45%;
}

/*Lớp giả của down_num có nội dung "/" */
.down_num:trước{
nội dung : ' \002F ';
}

1

36

cảm ơn tất cả các bạn

câu trả lời hay nhất

Tôi sẽ hiển thị: khối nội tuyến;position: relative áp dụng cho các DIV bên trong (tức là sắp xếp chúng và sử dụng đứng đầu được đặt để bù chúng khỏi hàng), thay đổi vị trí: tuyệt đối áp dụng để bao gồm / của trước phần tử và điều chỉnh các cài đặt gần đúng theo đoạn mã của tôi:

#thùng chứa {
chiều rộng: 150px;
chiều cao: 150px;
màu nền: đen;
lề trái: tự động;
lề phải: tự động;
position: relative;
kích thước hộp: hộp viền;
phần đệm trên cùng: 34px;
phần đệm bên trái: 52px;
}

#container>div {
hiển thị: khối nội tuyến;
position: relative;
}
.up_num,
.down_num {
cỡ chữ: 25px;
color: white;
}
.up_num {
trên cùng: 20%;
}
.down_num {
trên cùng: 35%;
trái: 0,2em;
}
.down_num:trước {
nội dung: ' \002F ';
position: absolute;
trên cùng: -30%;
trái: -0,3em;
}

1

36

Về Html5 - ngắt dòng giữa "nội dung" và các lớp liên quan, 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/52021204/

25 4 0
không gian vũ trụ
Hồ sơ

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á taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress