0

何が間違っているのかわかりませんが、このdivを中央に配置しようと永遠に努力してきました。

<form>
    <div class="submitter">
        <div data-role="controlgroup" data-type="horizontal">
            <input type="submit" value="submit" data-theme="e" />
            <input type="reset" value="reset" />
        </div>
    </div>
</form>

フォームにはもっと多くのものがありますが、私はコントロールグループを中央に配置することに興味があります。

知っていることはすべて試しましtext-alignたが、うまくいきmargin: 0 autoません。100%必死になって、フォームに固定幅を設定し、submiter要素を追加しました。これを展開してから、コントロールグループをに設定しましたが、機能させるdisplay:inline-blockことができません...

質問：
コントロールグループをフォームの中央に配置するにはどうすればよいですか？

ありがとう！

編集：
これが私のフォームです ここに画像の説明を入力してください

両方の列はul要素であり、width:49%;display:inline;

4

3 に答える 3

2

マージン：0自動; 私のために働きます（margin：0 auto;を使用してブロックの幅を設定する必要があります）

CSS：

<style>
.one {
border:1px solid;
width:300px;
margin:0 auto;
}
</style>

HTML：

<form>
    <div class="submitter">
        <div data-role="controlgroup" data-type="horizontal" class="one">
            <input type="submit" value="submit" data-theme="e" />
            <input type="reset" value="reset" />
        </div>
    </div>
</form>
于 2012-08-27T10:46:00.530 に答える
2

http://jsfiddle.net/Kyle_Sevenoaks/fNYb4/

属性セレクターを使用margin: 0 auto;して内部divで使用すると、機能するようです。

div[data-role="controlgroup"]
{
    width: 50%;
    margin: 0 auto;
}

親要素には、中央に配置する要素だけでなく、設定された幅も必要であることに注意してください。

于 2012-08-27T10:47:20.060 に答える
1

最初に親部門をターゲットにする必要があると思います...

これがjsFiddleの私の解決策です

于 2012-08-27T10:53:56.547 に答える