使用Jquery mobile创建2列网格

Question

我正在使用jquery mobile创建一个2列网格。默认情况下，两列的宽度均为50％。我想以这样一种方式进行自定义，即第一列将占用内容大小，剩余空间将分配给列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;    
}

  

正在使用 DEMO