0

div(class='ui-block-a') に 10% を与え、div(class='ui-block-b') に残りたいのですが、これを行うことができませんか?? 

div(data-role="horizontal", data-theme="a", class="ui-bar ui-grid-a",data-overlay-theme="a", data-inline="true")
           div(class='ui-block-a',style="width:10%;)
             div(class='content-primary')
                        ul(data-role='listview')
                            li 
                                a(href="acura.html") Acura
            div(class='ui-block-b', style="width:90%;)
                img(src='/images/sample.jpg', width='500', height='590', style='margin:8px 10px 10px 20px;')

ここに画像の説明を入力

私の出力は次のとおりです。

しかし、左側に 10%、右側に 90% が必要ですが、均等に共有されます。

4

1 に答える 1

0

したがって、jQMグリッドをカスタマイズする必要があります。それほど単純なことではありません。

サードパーティのjQueryモバイルグリッドプラグインを使用してみませんか。元のファイルよりもはるかに適切に構成でき、追加のcssファイルが1つだけ必要です。

このプラグインは960グリッドと呼ばれ、ここで見つけることができます：http: //jeromeetienne.github.com/jquery-mobile-960/

同様に、このグリッドで実装したいものは次のとおりです。http: //jsfiddle.net/Gajotres/jbGx4/

    <div data-role="content">
      <fieldset class="container_12">
        <div class="grid_2"><a data-role="button">2</a></div>
        <div class="grid_10"><a data-role="button">10</a></div>  
      </fieldset>          
    </div>
于 2013-01-07T15:49:01.240 に答える