Foundation 表格

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

實例

<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>

響應式表格

使用 CSS 讓表格支持響應式設計：在表格外添加 <div> 元素，樣式為 overflow-x:hidden:

實例

<div stylex="overflow-x:hidden">

<table>

...

</table>

</div>

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！