jquery-mobile中网格列之间的空间比率

Question

我正在使用jQuery Mobile grid，它将屏幕分成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标签之前插入span，如下所示：

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