html - 为什么这个 PayPal 按钮没有居中对齐？

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

将以下属性样式添加到您的input type='image':

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

更新的 fiddle : http://jsfiddle.net/xfosrkpx/3/