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

html - điều hướng dọc với vấn đề đẩy văn bản

In lại Tác giả: Walker 123 Thời gian cập nhật: 27-11-2023 23:10:03 hai mươi bốn 4
mua khóa gpt4 Nike

Tôi muốn tạo điều hướng dọc với văn bản và các dòng bên cạnh văn bản. Tuy nhiên, tôi gặp một vấn đề nhỏ trong điều hướng của mình. Khi tôi đặt một số văn bản bên cạnh một đường ngang để tạo liên kết điều hướng. Kích thước văn bản đẩy dòng sang bên phải.

thân hình {
màu nền: #663333;
}

#MainNavContainer {
chiều cao: 100%;
}

.MainNav {
kiểu danh sách: không có;
phao: đúng;
chiều cao dòng: 0 !quan trọng;
}

.MainNav li {
lề: 5px;
}

.MainNav li a {
hiển thị: khối nội tuyến;
}

.MainNav li a:after {
nội dung: "";
hiển thị: bảng;
rõ ràng: cả hai;
}

.MainNav li một nhịp {
phao: đúng;
hiển thị: khối nội tuyến;
}

.NavLine {
chiều rộng: 40px;
chiều cao: 2px;
màu nền: #FFFFFF;
vị trí: tương đối;
rõ ràng: cả hai;
}

.NavTxt {
vị trí: tương đối;
họ phông chữ: Asap ngưng tụ;
font-weight: nhẹ hơn;
cỡ chữ: 14px;
màu: #FFFFFF;
lề phải: 2px;
lề trên: 1px;
}

Đây là một đoạn trích từ CodePen:


Xin vui lòng cho tôi một số mã để giải quyết vấn đề này!

Cảm ơn.

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

Một giải pháp đơn giản. Bạn có thể làm điều này bằng cách thêm chiều rộng tối thiểu hoặc chiều rộng đặt thành .MainNav li a để có được đầu ra mong muốn. Kiểm tra đoạn mã sau.

thân hình {
màu nền: #663333;
}

#MainNavContainer {
chiều cao: 100%;
}

.MainNav {
kiểu danh sách: không có;
phao: đúng;
chiều cao dòng: 0 !quan trọng;
}

.MainNav li {
lề: 5px;
}

.MainNav li a {
hiển thị: khối nội tuyến;
chiều rộng tối thiểu: 200px;
}

.MainNav li a:after {
nội dung: "";
hiển thị: bảng;
rõ ràng: cả hai;
}

.MainNav li một nhịp {
phao: đúng;
hiển thị: khối nội tuyến;
}

.NavLine {
chiều rộng: 40px;
chiều cao: 2px;
màu nền: #FFFFFF;
vị trí: tương đối;
rõ ràng: cả hai;
}

.NavTxt {
vị trí: tương đối;
họ phông chữ: Asap ngưng tụ;
font-weight: nhẹ hơn;
cỡ chữ: 14px;
màu: #FFFFFF;
lề phải: 2px;
lề trên: 1px;
}

Về html - điều hướng dọc với câu hỏi đẩy văn bản, 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/46579467/

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