Question

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

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

关于如何修复这个额外间距的任何建议都将非常感激。

Answer 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>

Answer 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;">

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

2 个答案: