无法调整 PayPal 按钮上方和下方的填充/间距？答案

【问题标题】：Can't adjust padding/spacing above and below PayPal button?无法调整 PayPal 按钮上方和下方的填充/间距？
【发布时间】：2014-06-12 12:06:24
【问题描述】：

我的网站的电子商务部分有几个 PayPal 添加到购物车按钮：http://drray.com/bookstore/，每个按钮的上方和下方都有很大的间距，它似乎不是由任何 CSS 属性引起或控制的。这是一个 WordPress 网站。我不知道我是否可以解决这个间距问题，或者我是否可以控制它。

按钮是动态的，我直接从 PayPal 网站获取代码。我似乎无法通过 PayPal 以任何方式控制按钮的外观。

任何关于如何解决这个额外间距的建议将不胜感激。

【问题讨论】：

标签： html css wordpress forms padding

【解决方案1】：

因为表单中有<br>标签：

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<br>
<input type="hidden" name="hosted_button_id" value="CTXUPNCPMQXPU">
<br>
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<br>
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"><br>
</form>

删除它们将删除多余的空间：

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="CTXUPNCPMQXPU">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_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"><br>
</form>

【讨论】：

【解决方案2】：

删除 paypal 表单代码中的 <br> 标签会有所帮助，因为它们会添加新行。

您可以通过将其添加到贝宝图像来进一步减小间距（将像素量修改为适合您的值：

style="margin-bottom:-10px;margin-top:-10px;"

如何使用它的一个例子是：

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" style="margin-bottom: -10px;margin-top:-10px;">

【讨论】：