在JQuery移動中減少GridView中的填充

我有一個表格，每行中有4列，我想要佔用行中所有空間的列，並且沒有如此寬的邊距。該怎麼辦？，我得到的結果是這樣的：在JQuery移動中減少GridView中的填充

enter image description here

這是代碼：

<body> 

    <div data-role="page" class="type-interior"> 

    <div data-role="header" data-theme="f"> 
    <h1>Search</h1> 
    <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a> 
    <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a> 
</div><!-- /header --> 

<div data-role="content"> 
    <div class="content-primary"> 
     <ul data-role="listview" data-filter="true"> 
      <li><a href="index.html"> 
       <div data-role="content"> <div class="ui-grid-c"> 
        <div class="ui-block-a"> 
         <div class="ui-bar ui-bar-e" >Block A</div> 
        </div> 
        <div class="ui-block-b"> 
         <div class="ui-bar ui-bar-e" >Block B</div> 
        </div> 
        <div class="ui-block-c"> 
         <div class="ui-bar ui-bar-e" >Block C</div> 
        </div> 
        <div class="ui-block-d"> 
         <div class="ui-bar ui-bar-e" >Block D</div> 
        </div> 
       </div> 
      </div> 
      </a></li> 
      <li><a href="index.html"> 
      <div data-role="content"> <div class="ui-grid-c"> 
        <div class="ui-block-a"> 
         <div class="ui-bar ui-bar-e" >Block 1</div> 
        </div> 
         <div class="ui-block-b"> 
         <div class="ui-bar ui-bar-e" ">Block 2</div> 
        </div> 
        <div class="ui-block-c"> 
         <div class="ui-bar ui-bar-e" >Block 3</div> 
        </div> 
        <div class="ui-block-d"> 
         <div class="ui-bar ui-bar-e" >Block 4</div> 
        </div> 
       </div> 
      </div>

來源

2013-06-12 Adriana Carelli

我從UI欄UI吧-E改變類塊的至ui-bar ui-bar：

<div data-role="content"> 

     <ul data-role="listview" data-filter="true" data-theme="e" > 
      <li><a href="index.html"> 

       <div data-role=""> <div class="ui-grid-c" > 

        <div class="ui-block-a" > 

        <div class="ui-bar ui-bar" >Block A</div> 
        </div> 
        <div class="ui-block-b"> 
         <div class="ui-bar ui-bar" >Block B</div> 

        </div> 
        <div class="ui-block-c"> 
         <div class="ui-bar ui-bar" >Block C</div> 
        </div> 
        <div class="ui-block-d"> 
         <div class="ui-bar ui-bar" >Block D</div> 
        </div> 
       </div> 
      </div> 
      </a></li> 
      <li><a href="index.html"> 
      <div data-role=""> <div class="ui-grid-c"> 
        <div class="ui-block-a"> 
         <div class="ui-bar ui-bar" >Block 1</div> 
        </div> 
         <div class="ui-block-b"> 
         <div class="ui-bar ui-bar" ">Block 2</div> 
        </div> 
        <div class="ui-block-c"> 
         <div class="ui-bar ui-bar" >Block 3</div> 
        </div> 
        <div class="ui-block-d"> 
         <div class="ui-bar ui-bar" >Block 4</div> 
        </div> 
       </div> 
      </div>

我除去DIV類=「內容主」

對於獲得黃色背景我改變主題與數據主題=「E」

來源

2013-06-12 15:28:36

在JQuery移動中減少GridView中的填充

回答

相關問題