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

Cách tạo chiều rộng điều hướng 100% trong trình bao bọc tiêu đề

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 18:51:08 hai mươi bốn 4
mua khóa gpt4 Nike

Tôi đang cố gắng tạo một thanh điều hướng có chiều rộng 100% được phân bổ đều trong tiêu đề cũng rộng 100%. Ngoài ra, mỗi Một Cả hai phần tử đều có hai từ được căn giữa và căn chỉnh hoàn hảo với nhau.

HTML tôi đang sử dụng như sau:


CSS tôi đang sử dụng

.nav {
position: relative;
width: 100%;
text-align: center;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav li {
lề: 25px 80px 10px 0;
padding: 0;
kiểu danh sách: không có;
hiển thị: khối nội tuyến;
text-align: center;
}
.nav một {
phần đệm: 3px 12px;
trang trí văn bản: không có;
màu: #999;
chiều cao dòng: 100%;
họ phông chữ: diễn viên;
cỡ chữ: 20px;
chiều rộng: 10px;

}

Một ví dụ về những gì tôi đang cố gắng thực hiện trông như thế này:

gia hạn

Khi tôi thử mã trong IE9, tôi nhận được hình ảnh này:

Xin vui lòng cho tôi biết làm thế nào để giải quyết nó.

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

Để phân phối đồng đều trên tất cả các thành phần, hãy đặt chiều rộng phần trăm trên thành phần danh sách. Bạn có sáu yếu tố, vì vậy hãy thêm chiều rộng: 16%;đến .navliluật lệ.

Thay đổi văn bản căn giữa:

 .nav một {
phần đệm: 3px 12px;
trang trí văn bản: không có;
màu: #999;
chiều cao dòng: 100%;
họ phông chữ: diễn viên;
cỡ chữ: 15px;
chiều rộng: 10px;

}

đến (xóa chiều rộng rõ ràng và thêm display: block ):

 .nav một {
phần đệm: 3px 12px;
trang trí văn bản: không có;
màu: #999;
chiều cao dòng: 100%;
họ phông chữ: diễn viên;
cỡ chữ: 15px;
display: block;
}

lần xóa cuối cùnghiển thị: khối nội tuyếntừ .navliquy tắc và thêm nổi: trái .Bạn cũng nên thêm

Các phần tử (điểm đánh dấu) bên dưới danh sách để "sửa" luồng trang.

Về html - cách tạo độ rộng điều hướng 100% trong trình bao bọc tiêu đề, 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/14920670/

hai mươi bốn 4 0
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