Foundation 表格
Foundation 的元素样式为灰色斑马条纹且包含四个边框：
实例
Foundation 实例
基本表格
Foundation 的 table 元素样式为灰色斑马条纹且包含四个边框：
| Firstname | Lastname | Email |
| John | Doe | john@example.com |
| Mary | Moe | mary@example.com |
| July | Dooley | july@example.com |
运行实例 »
点击 "运行实例" 按钮查看在线实例
响应式表格
使用 CSS 让表格支持响应式设计：在表格外添加元素，样式为
overflow-x:hidden:
实例
Foundation 实例
响应式表格
在 div 元素上添加 overflow-x:auto 样式，让它支持响应式。
重置浏览器窗口查看效果 (如果空间不足会出现垂直滚动条)。
| Firstname | Lastname | Email | City | Age | Country |
| John | Doe | john@example.com | New York | 35 | USA |
| Mary | Moe | mary@example.com | Chicago | 51 | USA |
| July | Dooley | july@example.com | San Francisco | 38 | USA |
运行实例 »
点击 "运行实例" 按钮查看在线实例
