Foundation 表格 - 学习 Foundation 5 - 简单教程，简单编程

<table> 元素在 Foundation 的默认样式为灰色斑马条纹且包含四个边框

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

运行范例 »

响应式表格

在 <table> 外添加一个 <div class="overflow-x:hidden"> 可以让表格支持响应式设计

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

运行范例»