0

私は次のDIVを持っています。これがレンダリングされると、指定していないにもかかわらず、テーブルに 5 ～ 10 ピクセルの周囲に数ピクセルのパディングがあることに気付きました。DIV の一番上にテーブルを固定する必要があります。どうすればいいのですか？

<div data-role="page" id="page2" >

<div data-role="content" align="top" >  

        <table border="0" align="CENTER" cellspacing="0" width="100%" style="vertical-align: text-bottom;" >
        <tr>
        <td>
            <div id="question" class="question">
            <Style>
                #question{
                  font:10px;
                }
            </style>        
            </div>
        </td></tr><tr>
        <td style="text-align:center;">
            <div class="ui-grid-b" >
                <div class="ui-block-a"><button id="button1" type="submit" data-theme="c" style="font-size:0.8em;"></button></div>
                <div class="ui-block-b"><button id="button2" type="submit" data-theme="c" style="font-size:0.8em;"></button></div>   
                <div class="ui-block-c"><button id="button3" type="submit" data-theme="c" style="font-size:0.8em;"></button></div>  
            </div>
        </td>
        </tr>
        </table>
    <!--/div-->
</div>

</div>
4

1 に答える 1

1

これを試すことができます

<div data-role="content" align="top" style="padding:0 !important">
<!-- Your table markup goes here -->
</div>

jsフィドル

于 2013-02-07T06:14:11.267 に答える