中心和调整按钮

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

中心和调整按钮

回答

相关问题