Bảng đáp ứng CSS
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:
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 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
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 phần tử vùng chứa (như <div>) với overflow-x:auto
xung quanh phần tử <table> để làm cho phần tử này phản hồi:
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 (mặc dù "tràn: cuộn" được đặt).
Thêm ví dụ
Làm một chiếc bàn lạ mắt
Ví dụ này minh họa cách tạo một bảng ưa thích.
Đặt vị trí của chú thích bảng
Ví dụ này minh họa cách định vị chú thích của 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 |