jquery - 带有对齐中心的jquery mobile基本格式

Question

我只是无法让按钮在这里对齐中心。我究竟做错了什么？另外，我需要在标题文本旁边添加一个图像，它们都应该居中对齐。我该怎么做？

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

<div data-role="content" align="bottom">    
    <div id ="mainDiv2">
        <table border="1" align="CENTER" cellspacing="0" width="100%">
        <tr>
        <td align="center">
            <div id="question">
            Test
            <Style>
                #question{
                  font:16px;
                }
            </style>        
            </div>
        </td></tr><tr>
        <td align="center">
            <div class="ui-grid-b">
                <div class="ui-block-a"><button id="button1" type="submit" data-theme="c">test</button></div>
            </div>
        </td>
        </tr>
        </table>
    </div>
</div>

</div>

Answer 1

恕我直言，表格+ JQM网格的奇怪和不必要的组合......

这是否足够接近你想要的？

<div data-role="page" id="pageMain">
    <div data-role="header">
        <h1>Header</h1>
    </div>
    <div data-role="content" align="bottom">    
        <div style="
            background-image: url(http://twitter.com/images/resources/twitter-bird-light-bgs.png);
            width: 300px;
            height: 300px;
            margin: 0 auto;" data-role="none"></div>
        <h1 style="text-align: center;">Your text goes here</h1>
        <button id="button1" type="submit" data-theme="c">test</button>
    </div>
</div>

jsFiddle 在这里