0

元。以下のコードは青いボックスとして表されています.2つのグリッドを黄色のボックスに拡張したい. しかし、問題は次のとおりです。これは..内側にある必要がありますcontentが、常に左右にマージンがあります。これを解決する方法がわかりません。

<div data-role="content" data-theme="d" >
        <div class="ui-grid-a" >
            <div class="ui-block-a"><strong>Time:</strong></div>
            <div class="ui-block-b" id="price-order-timestamp">yyyy-mm-dd hh24:mi:ss</div>
        </div>

        <div style="width:100%;"> <!-- Here-->
            <div class="ui-grid-d" id="data-table-header" >
                <div class="ui-block-a">Label A</div>
                <div class="ui-block-b">Label B</div>
                <div class="ui-block-c">Label C</div>
                <div class="ui-block-d">Label D</div>
                <div class="ui-block-e">Label E</div>
            </div>
            <div class="ui-grid-d" id="data-table" >
                <div class="ui-block-a">A</div>
                <div class="ui-block-b">B</div>
                <div class="ui-block-c">C</div>
                <div class="ui-block-d">D</div>
                <div class="ui-block-e">E</div>
            </div>
        </div>
    </div>

ここに画像の説明を入力

4

1 に答える 1

3

タグに追加されたデフォルトのパディングを削除する場合data-role=contentは、custom.css に次のオーバーライドを追加します。

#myPageId .ui-content{
    padding-left:0;
    padding​-right:0;
}​

http://jsfiddle.net/nirmaljpatel/LW5aC/

于 2012-06-07T11:51:55.143 に答える