Jquery mobile 在JQuery mobile中减少GridView中的填充_Jquery Mobile_Padding_Cellpadding

Jquery mobile 在JQuery mobile中减少GridView中的填充

jquery-mobile

Jquery mobile 在JQuery mobile中减少GridView中的填充,jquery-mobile,padding,cellpadding,Jquery Mobile,Padding,Cellpadding,我有一个表，其中每行有4列，我想占用行中的所有空间，并且没有这么大的空白。怎么办？我得到的结果是：代码如下： <body> <div data-role="page" class="type-interior"> <div data-role="header" data-theme="f"> <h1>Search</h1> <a href="../../" data-icon="hom

我有一个表，其中每行有4列，我想占用行中的所有空间，并且没有这么大的空白。怎么办？我得到的结果是：

代码如下：

  <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>


搜寻



第一区
我将块的类别从ui-bar-ui-bar-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>





第一区