jquery - ListView 在 jQuery Mobile 的网格系统中没有正确显示

Question

我试图在网格系统中放置一个 ListView，但它没有正确显示。它是平板电脑的应用程序，所以不要为巨大的文字而烦恼。

jsfiddle：http: //jsfiddle.net/ZX4YC/

<div data-role="page" data-theme="b">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">
        <div class="ui-grid-a">
            <div class="ui-block-a" style="font-size:70pt">
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        A:
                    </div>
                    <div class="ui-block-b" id="oeeTextField">
                        0
                    </div>
                    <div class="ui-block-a">
                        B:
                    </div>
                    <div class="ui-block-b" id="aTextField">
                        0
                    </div>
                    <div class="ui-block-a">
                        C:
                    </div>
                    <div class="ui-block-b" id="pTextField">
                        0
                    </div>
                    <div class="ui-block-a">
                        D:
                    </div>
                    <div class="ui-block-b" id="qTextField">
                        0
                    </div>
                </div>
            </div>
            <div class="ui-block-b">

                <ul data-role="listview">
                  <li><a href="acura.html">Acura</a></li>
                  <li><a href="audi.html">Audi</a></li>
                  <li><a href="bmw.html">BMW</a></li>
                </ul>

            </div>
        </div>
    </div>

Answer 1

工作示例：http: //jsfiddle.net/Gajotres/L4WnM/

CSS：

.ui-content {
    padding: 0 !important;
}

.ui-listview {
    margin: 0 !important;
}

只有类.ui-listview是重要的，.ui-content只会删除内容填充。