jquery-mobile中網格列之間的空間比例

Question

我使用的是jQuery Mobilegrid，它將屏幕分割成2列，每列中有50％的空間。

是否有可能使這2列網格的比例爲70/30？所以第二欄的內容被移到右邊。

http://jsfiddle.net/bobbyrne01/o489fzwk/

<div class="ui-grid-a"> 
    <div class="ui-block-a"> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">this</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">is</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">a</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">test</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">js</a> 
    </div> 
    <div class="ui-block-b" style="float: right;"> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">7</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">8</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">9</a> 
    </div> 
</div> 

截圖..

Answer 1

你可以div標籤這樣的前插入跨度：

<div class="ui-grid-a"> 
    <div class="ui-block-a"> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">this</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">is</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">a</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">test</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">js</a> 
    </div> 
    <span style="float: right;"> 
    <div class="ui-block-b"> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">7</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">8</a> 
     <a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">9</a> 
    </div> 
    </span> 
</div>