居中按钮的形式

我想在窗体中心放置两个按钮。我得到了一个围绕他们的包装div，并尝试使用margin：0 auto和float：left，但它不起作用。居中按钮的形式

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

buttons

FIDDLE

将是完美的，如果该按钮会textarea的下居中。这可能吗？

更新：

谢谢大家，我用Sachins小提琴，因为它的工作最适合我的情况。

WORKING FIDDLE

来源

2013-04-08 sqe

您需要做一些事情，如删除float:left，添加text-align:center，最重要的是删除min-wdith，因为它迫使容器的宽度，使其不居中对齐。

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

JS Fiddle Example

来源

2013-04-08 21:50:15 Sachin

添加text-align:center;到.button_container使它：

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

里面的按钮容器制造中心为您希望此按钮将围绕一切。

来源

2013-04-08 21:47:51 Omega

试试这个：

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

简单地添加边框来说明DIV大小。

http://jsfiddle.net/LerVW/3/

来源

2013-04-08 21:48:36

这不居中...... – RandomWebGuy 2013-04-08 21:50:07

你怎么知道？它以div为中心。我不确定你使用的浏览器是什么，但我只是在Chrome，FF和IE10中检查过它。如果你打算让我失望并发表评论，至少应该让它具有建设性。 – 2013-04-08 21:50:56

不，这不是因为最小宽度。 http://jsfiddle.net/AgrP8/3/在div中居中。 – RandomWebGuy 2013-04-08 21:55:52

好了，我不能说，我同意使用<table>的，但它是一个大量的工作，现在要改变，所以你还不如用它。只需添加包含按钮的另一行。

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

这看起来不错，我对自己，但你也可以离开填充到第二<td>。

http://jsfiddle.net/ExplosionPIlls/LerVW/2/

来源

2013-04-08 21:48:49

一两件事你可以做，如果你想下textarea中心的按钮移动您的button_container到餐桌上的新行...

演示：http://jsfiddle.net/darkajax/WFh9S/

来源

2013-04-08 21:50:13 DarkAjax

Fiddle

这项工作的优良

enter image description here

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

另一种风格： Fiddle

enter image description here

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

来源

2013-04-08 21:55:26

这正是我在回答中所说的。 – Sachin 2013-04-08 22:05:25

居中按钮的形式

回答

相关问题