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
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.
Tôi là một lập trình viên xuất sắc, rất giỏi!