Nhờ hướng dẫn cách sắp xếp các class thẳng đứng và hàng ngang trong html

Chào cả nhà! Em mới tập tành làm web nên chưa có nhiều kinh nghiệm. Nên em mạn phép gửi lên đây mấy thắc mắc của em và nhờ mọi người giúp đỡ ạ.

1. Đầu tiên, khi để ở chế độ Desktop, cái dòng IPHONE - Select Firmware - Download nó hiển thị bình thường, dàn đều, nhưng khi chuyển qua giao diện mobile, Nút Download nó tự chuyển qua bên trái, nhìn rất khó chịu như hình thứ 2.

vforum.vn-302184-qgioryd.png

vforum.vn-302184-45bognl.png



2. Thứ 2, các ô trong hình thứ 3 nó không tự sắp xếp, không tự dàn đều mà có khoảng trống giữa các bảng.

vforum.vn-302184-qozvq6j.png


Link: sfone.vn/ios

Nhờ các cao nhân giúp đỡ ạ. Em mất ăn mất ngủ vì nó mấy ngày nay rồi. Em xin chân thành cảm ơn!
 

VSupport

Ngây thơ trong tối
Cái này bạn đề chiều rộng các Div theo % nhé, đừng để cố định nó bị xuống dòng là phải rồi. Bạn đưa link đây mình hướng dẫn cho
 

VSupport

Ngây thơ trong tối
Backup lại style hiện tại đã. Sau đó

1. Vào các thẻ Select --> Đổi phần code css trong html:
Mã:
style="width: 348px;"
thành
Mã:
style="width: 75%;"

Đổi hết mấy cái luôn nhé

2. Tìm css:

buttondown và buttondown:hover

Đổi width: 70px; thành width: 15%;

3. Tìm css device1_site2 đổi width thành: width: 20%;
 

VSupport

Ngây thơ trong tối
Bạn đưa teamviewer đây nhé, phải chỉnh nhiều lắm giờ hướng dẫn bạn lâu :rage3:
 

Thống kê

Chủ đề
102,787
Bài viết
470,614
Thành viên
340,594
Thành viên mới nhất
RaymondUG
Top