Foundation 表格

2022-08-05 15:08 更新

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>

嘗試一下 ?
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)