Question

我有以下代码来对齐网站上的PayPal捐赠按钮，但它仍然没有居中对齐。请指导原因。感谢。

<form     width: 50%;
    margin: 0 auto; action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_donations"><input type="hidden" name="business" value="nayajeevan@njfk.org"><input type="hidden" name="lc" value="US"><input type="hidden" name="item_name" value="Naya Jeevan Foundation"><input type="hidden" name="item_number" value="26-0551721"><input type="hidden" name="no_note" value="0"><input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

JSFIDDLE

Answer 1

将以下属性样式添加到输入类型=＆＃39;图像＆＃39; ：

style="display:block; margin:0 auto"

更新了小提琴： http://jsfiddle.net/xfosrkpx/3/

Answer 2

您可以在text-align:center;上添加<form>。

<input>是一个内嵌元素，您可以像text-align:center;的文字一样居中。

Answer 3

我的问题中存在语法错误。样式项需要位于样式标记内。

<form    style=" width: 50%;
    margin: 0 auto;" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_donations"><input type="hidden" name="business" value="nayajeevan@njfk.org"><input type="hidden" name="lc" value="US"><input type="hidden" name="item_name" value="Naya Jeevan Foundation"><input type="hidden" name="item_number" value="26-0551721"><input type="hidden" name="no_note" value="0"><input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest"><input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

Answer 4

您可以添加css

CSS:
form{
   text-align: center;
}

参见演示http://jsfiddle.net/JentiDabhi/mmp848ww/

为什么这个PayPal按钮中心不对齐？

4 个答案: