無法在中心放置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;不起作用）

回答

相關問題