jquery mobile合并grid

原创
2012/08/13 21:33
阅读数 3.1K
<div id="findBar" class="ui-grid-a">
<div class="ui-block-a"><input placeholder="" data-theme="e" type="search" name="sw" id="sw" value=""  data-mini="true"/></div>
<div class="ui-block-b"><button id="doFind" type="button" data-theme="b"  data-icon="search" data-mini="true">查询</button></div>
</div>

上边默认样式是两个空间各占50%空间,现在想实现的效果是:
input 空间2/3,button占空间的1/3
实现方法:

<style type="text/css">
    div#findBar.ui-grid-a .ui-block-a { width: 65% }
    div#findBar.ui-grid-a .ui-block-b { width: 35% } 
</style>

为了不影响其它grid布局,所以指定了id。
css也挺有用,为此现看的css教程


展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
2 收藏
0
分享
返回顶部
顶部