以自动保证金为中心的div是否需要宽度？

Question

我尝试使用margin来居中我的div:像这样自动:

#main-container #control-panel {margin: 10px auto;}

但它仍然与左边对齐.我发现我必须为div指定一个宽度,以便它将居中:

#main-container #control-panel {width: 300px; margin: 10px auto;}

那么,以div为中心所需的宽度是多少？我认为div的宽度应该由其内部内容自动修改？(在这种情况下,控制面板div内有一个按钮)

结果在最新的Chrome下测试.

Answer 1

是的,这是必要的.

div宽度的默认值是auto,这意味着它会尝试占用所有可用空间.由于两侧没有留下边距,自动边距将为零.