如何居中對齊div

Question

我從Mail chimp獲得了一些嵌入代碼，以在我的網站上顯示新聞快遞註冊框。我想中心對齊時事通訊框，但不知道什麼div我需要添加樣式。我嘗試使用style =「text-align：center」，但它沒有奏效。我認爲可能會有一種過度的騎行風格？

www.skinmade.com.au（見頁面底部）

在此先感謝。

Answer 1

給您的容器div固定的寬度，設置顯示器這樣的「塊」，並設置左，右邊距爲「自動」：

#mc_embed_signup { 
    display: block; 
    margin: 0 auto; 
    width:300px; 
} 

您也可以與您解決這個問題提交按鈕不顯示全文如下：

#mc_embed_signup input.button { 
    width: auto; 
} 

Answer 2

試試這個在你的CSS：

#mc_embed_signup input.button { 
display: block; 
width: 133px; 
text-align: center; 
position: relative; 
height: 43px; 
/*margin:0;*/ 
} 

Answer 3

試試這個

input.button{ display: inline-block; } 

#mc_embed_signup{ text-align:center; } 

或

#mc_embed_signup{ width:200px; margin: auto auto; }