jQuery Mobile – 输入字段跨三列ui网格布局中的两列?

前端之家收集整理的这篇文章主要介绍了jQuery Mobile – 输入字段跨三列ui网格布局中的两列?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在三列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

猜你在找的jQuery相关文章