0

ここでボタンを中央に揃えることができません。私は何を間違っていますか？また、タイトル テキストの横に画像を追加する必要があり、両方を合わせて中央に配置する必要があります。どうすればいいのですか？

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

1 に答える 1

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はこちら

于 2013-01-09T05:01:30.733 に答える