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为此here

jquery移动基本格式与对齐中心

1 个答案: