Bảng phản hồi CSS
Bảng đáp ứng
Bảng đáp ứng sẽ hiển thị thanh cuộn ngang nếu màn hình quá nhỏ để hiển thị toàn bộ nội dung:
Họ | 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 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Jill | thợ rèn | 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 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
Thêm một phần tử vùng chứa (như <div>) với overflow-x:auto
xung quanh phần tử <table> để làm cho nó đáp ứng:
Thí dụ
<div style="overflow-x:auto;">
<table>
... table content ...
</table>
</div>
Lưu ý: Trong OS X Lion (trên Mac), thanh cuộn được ẩn theo mặc định và chỉ hiển thị khi được sử dụng (ngay cả khi "tràn: cuộn" được đặt).
Các ví dụ khác
Ví dụ này trình bày cách tạo một bảng lạ mắt.
Ví dụ này trình bày cách định vị chú thích bảng.
Thuộc tính bảng CSS
Property | Description |
---|---|
border | Sets all the border properties in one declaration |
border-collapse | Specifies whether or not table borders should be collapsed |
border-spacing | Specifies the distance between the borders of adjacent cells |
caption-side | Specifies the placement of a table caption |
empty-cells | Specifies whether or not to display borders and background on empty cells in a table |
table-layout | Sets the layout algorithm to be used for a table |