jquery mobile合並grid

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

 

作者:愷哥

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *