1
<p id="findBar" class="ui-grid-a">
2
<p class="ui-block-a"><input placeholder="" data-theme="e" type="search" name="sw" id="sw" value="" data-mini="true"/></p>
3
<p class="ui-block-b"><button id="doFind" type="button" data-theme="b" data-icon="search" data-mini="true">查詢</button></p>
4
</p>
上邊默認樣式是兩個空間各占50%空間,現在想實現的效果是:
input 占空間2/3,button占空間的1/3
實現方法:
1
<style type="text/css">
2
p#findBar.ui-grid-a .ui-block-a { width: 65% }
3
p#findBar.ui-grid-a .ui-block-b { width: 35% }
4
</style>
為瞭不影響其它grid佈局,所以指定瞭id。
css也挺有用,為此現看的css教程
作者:愷哥