How TO - 響應式表格
瞭解如何建立響應式表格。
響應式表格
如果螢幕太小無法顯示全部內容，響應式表格將顯示水平捲軸。調整瀏覽器視窗大小以檢視效果。
| 名字 | 姓氏 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 | 分數 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 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 |
要建立響應式表格，請在 <table> 周圍新增一個帶有 overflow-x:auto 的容器元素。
注意：在 OS X Lion（Mac 上）中，捲軸預設是隱藏的，僅在使用時顯示（即使設定了 "overflow:scroll" 或 auto）。
提示：請訪問我們的 CSS 表格教程，瞭解更多關於如何設定表格樣式的資訊。
