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只会删除内容填充。