使用 Jquery 移动设备创建 2 列网格

Question

我正在使用 jquery 移动设备创建一个 2 列网格。默认情况下，两列的宽度均为 50%。我想以这样的方式进行自定义，即第一列将采用内容大小，其余 space 分配给 B 列。关于如何实现这一点的任何帮助。

Answer 1

您可以使用 TABLE 轻松做到这一点：

<table class="tblcontainer">
    <tr>
        <td class="fluidCell"><input type="search" name="search" id="txt" placeholder="Search something" /></td>
        <td class="fixedCell" ><a href="#" class="ui-btn ui-btn-inline">Go</a></td>
    </tr>                        
</table>

.tblcontainer {
    width: 100%;
}
.tblcontainer .fixedCell {
    width: 1%;
    padding-left: 8px;    
}

Working DEMO

使用 Jquery 移动设备创建 2 列网格

creating a 2 column grid using Jquery mobile

jquery-mobile