Question

我有以下DIV。当这呈现时，我注意到表格有5-10px填充的几个像素，即使我没有指定它。我需要把桌子贴在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>

Answer 1

你可以试试这个

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

jsFiddle

jquery移动基本div格式

1 个答案: