中心和調整按鈕

enter image description here 中心和調整按鈕

#controlpanel .button 
{ 

    margin: 12px 12px 0px 12px; 
    width: 100%; 
}

如何使這些按鈕補白框的寬度，然而已經12像素每邊？填充增加了內部空間......邊距使得它們離開了白色框。

來源

2012-10-24 sprocket12

你有沒有試過把填充添加到白框？ –

添加填充到#controlpanel
刪除左和右按鈕利潤率

外接盒大小：邊界框按鈕，你應該得到像水木清華：

#controlpanel{  
    padding:0px 12px 12px 12px; 
} 


#controlpanel .button { 
    margin: 12px 0px 0px 0px; 
    width: 100%; 
    box-sizing:border-box; 
    -o-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
}

來源

2012-10-24 15:00:16 Alfa3eta

你不需要'box-sizing'在這裏.. http://jsfiddle.net/StUgz/ –

你是對的，它足以去除左右邊距並添加填充到外部div – Alfa3eta

問題是width: 100%;。嘗試註釋掉該行和類型：display: block;

來源

2012-10-24 15:00:45 jan267

有兩件事情可以幫助：

使用填充爲div#controlpanel
刪除保證金的按鈕

另外你也可以嘗試去除100％的寬度。

來源

2012-10-24 16:29:42 CairoCoder

中心和調整按鈕

回答

相關問題