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

html - Bố cục CSS không được căn chỉnh - Bố cục 3 col với tâm cố định

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

Tôi mới làm quen với CSS và tôi đang cố gắng tạo bố cục 3 cột. Cũng nên có một chân trang ở giữa. Tổng chiều cao của trang sẽ lấp đầy màn hình hiện tại. Chiều rộng có vẻ sai.

Hiện tại footer có vẻ bị lệch cả về kích thước lẫn vị trí.

Tôi đã đính kèm thiết kế mà tôi đang cố gắng xây dựng.Cảm ơn lời khuyên của bạn!

.container {
hiển thị: linh hoạt;
hướng linh hoạt: hàng;
chiều rộng: 100vw;
chiều cao: 100vh;
}

body {
margin: 0;
họ phông chữ: 'Ubuntu', sans-serif;
}

.bên trái {
màu nền: Gainboro;
chiều rộng: 20%;
}

.trung tâm {
màu nền: trắng;
chiều rộng: 60%;
}

.Phải {
màu nền: Gainboro;
chiều rộng: 20%;
}

.chân trang {
height: 20px;
lề trái: 20%;
lề phải: 20%;
text-align: center;
chiều rộng: 60%;
màu nền: đỏ;
}



Bla bla bla bla bla





Xem sitemap của VNExpress

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

Nếu bạn cần chân trang ở cuối cột giữa, hãy đặt nó ở đó. sử dụng .trung tâm TRONG hiển thị: linh hoạt, bạn có thể .chân trang 中使用 lề trên: tự động để đẩy nó xuống đáy.

.container {
hiển thị: linh hoạt;
hướng linh hoạt: hàng;
chiều rộng: 100vw;
chiều cao: 100vh;
}

body {
margin: 0;
họ phông chữ: 'Ubuntu', sans-serif;
}

.bên trái {
màu nền: Gainboro;
chiều rộng: 20%;
}

.trung tâm {
hiển thị: linh hoạt;
hướng flex: cột;
màu nền: trắng;
chiều rộng: 60%;
}

.Phải {
màu nền: Gainboro;
chiều rộng: 20%;
}

.chân trang {
width: 100%;
height: 20px;
lề trên: tự động;
text-align: center;
màu nền: đỏ;
}




Bla bla bla bla bla




Về html - Bố cục CSS không được căn chỉnh - bố cục 3 col với tâm cố định, 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/58151449/

25 4 0
Bài viết khuyến nghị: Làm cách nào để thiết lập vue và core ui?
Bài viết khuyến nghị: Tìm ảnh bìa bị thiếu trong Python
Bài viết khuyến nghị: python - lớp SuperLU của dưa chua để phân tách LU không đầy đủ
Bài viết khuyến nghị: python - Tiền xử lý các tệp dữ liệu lớn với các tính năng phân loại và liên tục
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
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com