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

html - CSS/HTML : căn giữa phần tử tuyệt đối trong cửa sổ trình duyệt bất kể vị trí gốc (mẹ cũng tuyệt đối)

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 18:47:56 26 4
mua khóa gpt4 Nike

Sự cố phát sinh khi căn giữa một phần tử (div, nhưng đó không phải là vấn đề) theo chiều ngang trong cửa sổ trình duyệt. Không có vấn đề gì khi định vị nó so với phần tử gốc của nó, nhưng muốn nó loại bỏ THEO NGANG này - nhưng vẫn duy trì mối quan hệ theo chiều dọc với nó. Có lẽ tôi đang đòi hỏi quá nhiều? :-) Tôi có thể thực hiện việc này bằng cách sử dụng vị trí: đã sửa, nhưng phần tử bị kẹt ở một vị trí trong trình duyệt bất kể...

 #cha mẹ li {
hiển thị:nội tuyến;
căn chỉnh văn bản:giữa;
nổi:trái;
vị trí: tương đối;
phần đệm: 12px 10px 4px 10px;
lề phải: 10px;
chiều cao: 28px;
đường viền: không có;

}
.đứa trẻ {
lề:16px 0px 0px 0px;
nổi:trái;
chỉ số z: 100;
vị trí: tuyệt đối;
căn chỉnh văn bản:trái;
phần đệm: 0;
đường viền:1px liền khối #BBBBBB;
đường viền trên cùng: không có;
chiều cao dòng: 14px;
}

Tôi cũng có thể hỏi theo cách khác: Đây là điều tôi muốn theo chiều ngang:

.đứa trẻ { 
lề:16px 0px 0px 0px;
nổi:trái;
chỉ số z: 100;
trái: calc(50% - 400px);
trái: -moz-calc(50% - 400px);
trái: -webkit-calc(50% - 400px);
vị trí: cố định;
hàng đầu: kế thừa;
căn chỉnh văn bản:trái;
phần đệm: 0;
đường viền:1px liền khối #BBBBBB;
đường viền trên cùng: không có;
chiều cao dòng: 14px;
}

Nó vẫn ở giữa bất kể cha mẹ. Tuyệt vời. Nhưng - khi bạn cuộn xuống trang, nếu đứa trẻ được nhìn thấy, nó vẫn giữ nguyên trong khi phần còn lại của nội dung cuộn. Và nếu bạn cuộn một chút để phần tử gốc không ở vị trí ban đầu ở trên cùng, phần tử con sẽ không căn chỉnh với phần tử gốc mà xuất hiện từ trên cùng nơi phần tử gốc ban đầu ở đó, tính bằng pixel... đó không phải là Tốt nhất… :- /

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

Cung cấp một số thuộc tính (trên, dưới) cho vị trí của bạn trong div.

#cha mẹ li {

vị trí: tương đối;
trên cùng:50px;
trái:50px;
}

.đứa trẻ {

vị trí: tương đối;
trên cùng:50px;
trái:50px;
}

Về html - CSS/HTML: căn giữa phần tử tuyệt đối trong cửa sổ trình duyệt bất kể vị trí gốc (cha mẹ cũng tuyệt đối), 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/15803850/

26 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