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

html - bộ xương css - biểu mẫu đáp ứng

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

Tôi có một biểu mẫu được triển khai bằng cách sử dụng bộ xương css. Tôi đang sử dụng bố cục ba cột (tức là thứ ba của cột), nhưng điều này dẫn đến nhiều khoảng trắng do độ dài tương ứng của nội dung cột. Tôi thích bố cục theo chiều ngang tương tự như sau:

Hộp văn bản 1 Hộp văn bản 2 Hộp văn bản 3

Hộp văn bản 4 Hộp văn bản 5 Hộp văn bản 6

Sau đó thu gọn nó trên thiết bị di động:

hộp văn bản 1

hộp văn bản 2

hộp văn bản 3

hộp văn bản 4

hộp văn bản 5

hộp văn bản 6

Cho đến nay, cách duy nhất tôi nghĩ mình có thể làm là bọc từng hộp văn bản vào cột "thứ ba" của chính nó. Có cách nào sạch hơn không?

Cảm ơn

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

cho hộp văn bản của bạn (hoặc đầu vào[loại="văn bản"]) và lớp cài đặt CSS:

Đối với máy tính để bàn:

.lớp của bạn {
chiều rộng: 33%;
nổi: trái;
}

Đối với điện thoại di động:

@media chỉ có màn hình và (max-device-width: 480px) {
.lớp của bạn {
width: 100%;
nổi: trái;
}
}

cái này:https://mislav.net/2010/04/targeted-css/Có thể hữu ích.

Về html - khung CSS - các biểu mẫu đáp ứng, 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/16101174/

27 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