如何 - 响应式表格
了解如何创建响应式表格。
响应式表格
如果屏幕太小而无法显示完整内容，响应式表格将显示水平滚动条。调整浏览器窗口大小以查看效果
| 姓 | 名 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 | 积分 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 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 表格教程 了解有关如何设置表格样式的更多信息。
