Foundation 表格

Foundation 的 <table> 元素樣式為灰色斑馬條紋且包含四個(gè)邊框：

實(shí)例

<table>
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>john@example.com</td>
    </tr>
    <tr>
      <td>Mary</td>
      <td>Moe</td>
      <td>mary@example.com</td>
    </tr>
    <tr>
      <td>July</td>
      <td>Dooley</td>
      <td>july@example.com</td>
    </tr>
  </tbody>
</table>

嘗試一下 ?

響應(yīng)式表格

使用 CSS 讓表格支持響應(yīng)式設(shè)計(jì)：在表格外添加 <div> 元素，樣式為 overflow-x:hidden:

實(shí)例

<div style="overflow-x:hidden">
  <table>
    ...
  </table>
</div>

嘗試一下 ?