[JQM]排版並排顯示物件

  • 3722
  • 0

摘要:[JQM]排版並排顯示物件

JQUERY MOBILE為了避免手機畫面太擠

大多會避免並排顯示物件,例如:沒特別設定的話,畫面上若是有一個FORM然後裡面有兩個BUTTON

他們就不會並排顯示,除非特別設定如下


<fieldset class="ui-grid-a">
	<div class="ui-block-a"><button type="reset" value="清除"/></div>
	<div class="ui-block-b"><button type="submit" value="查詢"/></div>
</fieldset>

這樣設定也可以


<div data-role="controlgroup" data-type="horizontal">
  <p>Horizontal group:</p>
  <input type="reset" value="reset"/>
  <input type="reset" value="reset"/>
  <input type="reset" value="reset"/>
</div>