Cách tạo: Bảng tương ứng

Học cách tạo bảng tương ứng.

Bảng tương ứng

Nếu màn hình quá nhỏ để hiển thị toàn bộ nội dung, bảng tương ứng sẽ hiển thị thanh cuộn ngang.

Vui lòng điều chỉnh kích thước cửa sổ trình duyệt để xem hiệu ứng:

Tê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 Smith 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50
Eve 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 một bảng tương ứng, thêm một phần tử chứa overflow-x:auto thành phần chứa:

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

Thử trực tiếp

Lưu ý:Trong OS X Lion (Mac), thanh cuộn mặc định ẩn, chỉ hiển thị khi sử dụng (dù đã thiết lập "overflow:scroll" hoặc auto).

Trang liên quan

Hướng dẫn:Bảng CSS