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%，然后将控制组设置为display:inline-block但我无法让它工作......

问题：
如何将控制组放置在表单的中心？

谢谢！

编辑：
这是我的表格 在此处输入图像描述

两列都是ul元素，width:49%;display:inline;

4

3 回答 3

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 回答
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 回答
1

我认为您应该首先针对父div ...

这是我在 jsFiddle 上的解决方案

于 2012-08-27T10:53:56.547 回答