jquery mobile 设置 ui-grid-a 宽度和高度

Igor Android评论11,045字数 455阅读1分31秒阅读模式

<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>

文章末尾固定信息

weinxin
我的微信
我的微信
一个码农、工程狮、集能量和智慧于一身的、DIY高手、小伙伴er很多的、80后奶爸。
 
Igor
  • 本文由 Igor 发表于 2019-03-0918:52:09
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证