无法在中心放置div（margin：0 auto;不起作用）

我想将div放在中间（水平）。与此同时，我想把div margin-top：40px和margin-bottom：20px。但是，一旦我分配了保证金：0自动，保证金顶部和底部不起作用。无法在中心放置div（margin：0 auto;不起作用）

#circle_price { 
    background-color: red; 
    width: 100px; 
    height: 100px; 
    background: red; 
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    margin-top: 40px; 
    margin-bottom: 20px; 
    margin: 0 auto; 
}

任何人有这个想法？谢谢。

来源

2015-11-02 KingkongP

你能发布你使用的实际代码吗？该命令可能是相关的，也可能会影响它的任何其他元素 – Lynch

我已经得到了这个。非常感谢Lynch！ – KingkongP

不用担心，是我想到的问题！ – Lynch

margin: 0 auto等于margin: 0 auto 0 auto将覆盖前面的属性集即上边距和下边距重置为0

您需要使用margin: 40px auto 20px auto这是短期的手在顺时针margin-topmargin-rightmargin-bottom和margin-left订购。

.center-me { 
 
    margin: 40px auto 20px auto; 
 
    width: 300px; 
 
    background: lightblue; 
 
}

<div class="center-me">Centered block</div>

来源

2015-11-02 11:13:17

啊，非常感谢。这太好了！很有用。 :) – KingkongP

没问题:)你也发布了一个答案，它的工作原理是因为你的底层属性覆盖了上面的属性。但是长时间编码时缩短CSS规则要好得多:) –

margin: 0 auto; 
margin-top: 20px; 
margin-bottom: 100px;

它的工作原理。

来源

2015-11-02 11:30:52 yogi

请详细说明这个问题（以及它为什么起作用），以便将其充实为完整答案。谢谢！ –

无法在中心放置div（margin：0 auto;不起作用）

回答

相关问题