使用jQuery mobile创建Nx1网格

说明如何创建2x1、3x1、4x1和5x1栅格

但是，我需要创建一个15x15的网格（每个列都有一个图标）

---

使用jQuery mobile应该如何实现这一点？

您可以使用表布局

• （查看来源）

相关的：

例如：

你将需要玩弄图标的大小以及CSS来得到你想要的

HTML

15 x 15
图标1
图标2
图标3
图标4
图标5
图标6
图标7
图标8
图标9
图标10
图标11
图标12
图标13
图标14
图标15
总数：15个图标

您可以使用表格布局

• （查看来源）

相关的：

例如：

你将需要玩弄图标的大小以及CSS来得到你想要的

HTML

15 x 15
图标1
图标2
图标3
图标4
图标5
图标6
图标7
图标8
图标9
图标10
图标11
图标12
图标13
图标14
图标15
总数：15个图标

<div data-role="page" class="type-home">
    <div data-role="content">

        <table summary="This table lists all the JetBlue flights.">
            <caption>15 x 15</caption>
            <thead>
                <tr>
                    <th scope="col">Icon 1</th>  
                    <th scope="col">Icon 2</th>
                    <th scope="col">Icon 3</th>
                    <th scope="col">Icon 4</th>
                    <th scope="col">Icon 5</th>
                    <th scope="col">Icon 6</th>
                    <th scope="col">Icon 7</th>
                    <th scope="col">Icon 8</th>
                    <th scope="col">Icon 9</th>
                    <th scope="col">Icon 10</th>
                    <th scope="col">Icon 11</th>
                    <th scope="col">Icon 12</th>
                    <th scope="col">Icon 13</th>
                    <th scope="col">Icon 14</th>
                    <th scope="col">Icon 15</th>  
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td colspan="5">Total: 15 Icons</td>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                    <td><img src='http://sandbox.yoyogames.com/extras/user/image/san1/977/138977/thumb/man.png?1283087523' /></td>
                </tr>


            </tbody>
        </table>

    </div>
</div>