如何集中订阅表格

时间:2014-12-02 11:50:25

标签: css

如何以此网页的订阅表单为中心:http://www.dianerosesolomon.com/affiliate-order/

我试图添加

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

但它不起作用。

4 个答案:

答案 0 :(得分:1)

您可以将宽度更改为44%

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

这将有助于您保持设计的响应性。在Chrome上测试

答案 1 :(得分:0)

您应该更改width

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

答案 2 :(得分:0)

将此添加到表单元素:

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

enter image description here

答案 3 :(得分:0)

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