Cách thực hiện - Bảng đáp ứng
Tìm hiểu cách tạo bảng đáp ứng.
Bảng đáp ứng
Bảng phản hồi sẽ hiển thị thanh cuộn ngang nếu màn hình quá nhỏ để hiển thị đầy đủ nội dung. Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng:
Tên đầu tiên | Họ | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm | Điểm |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Jill | thợ rèn | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
Đêm | Jackson | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
Để tạo bảng phản hồi, hãy thêm phần tử vùng chứa có overflow-x:auto
xung quanh <table>:
Lưu ý: Trong OS X Lion (trên Mac), thanh cuộn bị ẩn theo mặc định và chỉ hiển thị khi được sử dụng (ngay cả khi "tràn: cuộn" hoặc tự động được đặt).
Mẹo: Hãy truy cập Hướng dẫn về bảng CSS của chúng tôi để tìm hiểu thêm về cách tạo kiểu cho bảng.