Jquery 窗体中的对中按钮

我想在一个表单中居中放置两个按钮。我在它们周围有一个包装器div，并尝试了margin:0 auto和float:left，但它不起作用

.button_container {
width: auto;
min-width: 834px;
margin: 0 auto;
float: left;
}

如果按钮在文本区域下方居中，那就太完美了。这可能吗

更新：

谢谢大家，我用的是萨克欣小提琴，因为它对我的情况最有效

---

添加

文本对齐：居中到
。按钮\u容器
使其：

.button_container {
width: auto;
min-width: 834px;
margin: 0 auto;
float: left;
text-align:center;
}

这将使按钮容器内的所有内容都居中，使按钮按需要居中。
添加
text align:center到
。按钮\u容器
使其：

.button_container {
width: auto;
min-width: 834px;
margin: 0 auto;
float: left;
text-align:center;
}

这将使按钮容器中的所有内容居中，从而使您的按钮按需要居中。
尝试以下操作：

.button_container {
    width: auto;
    min-width: 834px;
    margin: 0 auto;
    border:1px solid red;
    text-align:center;
}

添加边框只是为了说明DIV的大小

试试这个：

.button_container {
    width: auto;
    min-width: 834px;
    margin: 0 auto;
    border:1px solid red;
    text-align:center;
}

添加边框只是为了说明DIV的大小

好吧，我不能说我赞成使用
，但是现在需要做很多工作才能改变，所以你最好使用它。只需添加包含按钮的另一行

<tr>
    <td>&nbsp;</td>
    <td>
        <button name="submit" class="submit_btn" type="submit">Absenden</button>&nbsp;
        <button name="reset" class="submit_btn" type="reset">Zur&uuml;cksetzen</button>
    </td>
</tr>


阿本登
Zurü；克塞岑

这本身看起来不错，但您也可以在第二个
中保留填充

好吧，我不能说我赞成使用
，但是现在需要做很多工作才能改变，所以你最好使用它。只需添加包含按钮的另一行

<tr>
    <td>&nbsp;</td>
    <td>
        <button name="submit" class="submit_btn" type="submit">Absenden</button>&nbsp;
        <button name="reset" class="submit_btn" type="reset">Zur&uuml;cksetzen</button>
    </td>
</tr>


阿本登
Zurü；克塞岑

这本身看起来不错，但您也可以在第二个
中保留填充

如果希望按钮集中在
文本区域下，可以做的一件事是将
按钮容器移动到表上的新行中

演示：
如果希望按钮集中在
文本区域下，可以做的一件事是将
按钮容器移动到表上的新行

演示：
您需要做以下几件事
删除
float:left
，添加
text align:center
，最重要的是删除
minwdith
，因为它强制使容器的宽度不居中对齐

.button_container {
    width: 100%;
/*  min-width: 834px;*/
    margin: 0 auto;
    text-align:center;
}

你需要做两件事，比如
删除
float:left
，添加
text align:center
，最重要的是删除
minwdith
，因为它强制使容器的宽度不居中对齐

.button_container {
    width: 100%;
/*  min-width: 834px;*/
    margin: 0 auto;
    text-align:center;
}


这工作很好

.button_container {
    width: 100%;
    margin: 0 auto;
    text-align:center;
}


另一种风格：

 .box_wrapper {
    margin: 0 auto;
    height: auto;
    width: 325px;
    padding: 15px;
    background: #ccc;
}



这工作很好

.button_container {
    width: 100%;
    margin: 0 auto;
    text-align:center;
}


另一种风格：

 .box_wrapper {
    margin: 0 auto;
    height: auto;
    width: 325px;
    padding: 15px;
    background: #ccc;
}


你是怎么想的？它在div中居中。我不确定您使用的是什么浏览器，但我只是在Chrome、FF和IE10中检查了它。如果你要否决我并留下评论，至少要有建设性。不，这不是因为最小宽度。在div内居中。实际上它在div内居中。div的最小宽度恰好是834px，因为他将其设置为。如果他想移除，他可以。你怎么看？它在div中居中。我不确定您使用的是什么浏览器，但我只是在Chrome、FF和IE10中检查了它。如果你要否决我并留下评论，至少要有建设性。不，这不是因为最小宽度。在div内居中。实际上它在div内居中。div的最小宽度恰好是834px，因为他将其设置为。如果他想删除，他可以。这正是我在回答中所说的。这正是我在回答中所说的。