我如何中心訂閱表格

-3

我試圖添加

<div class="AW-Form-1862283401" style="width:100%;display: block;margin:0 auto;text-align: center;"> 
</div>

，但它無法正常工作。

你應該考慮你的CSS-樣式移動到外部文件。 – Rvervuurt 2014-12-02 11:56:40

它是第三方訂閱表單。我已經將此表單用於左對齊的另一個頁面。消極的聲譽不會幫助我，我需要解決方案。 – 2014-12-02 11:58:58

無論它是否是第三方訂閱表單，您仍然可以從您的CSS文件中找到它。 – Rvervuurt 2014-12-02 12:03:24

你可以改變寬度44％

<div id="af-body-1862283401" class="af-body af-standards" style="width: 44%;">

這將幫助你保持你的設計響應。經測試在Chrome

2014-12-02 11:59:50

這不適用於所有瀏覽器。在Firefox上 - 按鈕提交低於名稱和電子郵件。 – repincln 2014-12-02 12:14:49

@repincln：參考這個多瀏覽器支持：http://stackoverflow.com/a/9782135/1982680 – 2014-12-02 12:46:21

，則應該更換width

#af-form-1862283401, #af-form-1862283401 .quirksMode { 
    max-width: 436px; 
    width: 40%; 
}

2014-12-02 11:52:08

添加此形成元素：

form.af-form-wrapper{ 
    margin-left: auto; 
    margin-right: auto; 
    display: inline-block; 
}

enter image description here

2014-12-02 12:04:43 repincln

.AW-Form-1862283401 { 
    display: flex; 
    justify-content: center; 
}

2014-12-02 12:23:46 Meha

回答