居中按鈕的形式

我想在窗體中心放置兩個按鈕。我得到了一個圍繞他們的包裝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

居中按鈕的形式

回答

相關問題