如何在三列ui网格布局(33/33/33%)中的两列之间添加输入文本字段?
目标是输入文本字段占66%,第三列占用其余字段。
来自jquery mobile的示例ui-grid:
<div class="ui-grid-b"> <div class="ui-block-a">Block A</div> <div class="ui-block-b">Block B</div> <div class="ui-block-c">Block C</div> </div><!-- /grid-a -->
解决方法
只需覆盖width属性:
.ui-grid-a .ui-block-a { width: 65% } .ui-grid-a .ui-block-b { width: 35%; }
http://forum.jquery.com/topic/unequal-layout-grids-columns-or-colspan-like-behavior