如何使这个paypal按钮居中并变大
如何使这个paypal按钮居中并变大
提问于 2019-03-19 01:05:50
我正在做一个项目，想知道如何使“立即购买”的一部分，我的贝宝按钮直接下的“门票数量”按钮的一部分，(或反之亦然，与“门票数量”直接在“现在购买”)。正如你所看到的，它是关闭的，我已经尝试了所有我能想到的让它看起来正确的方法，但都没有成功。另外，我可以把整个窗体做大一点吗？
如果你能帮上忙请告诉我，
谢谢
代码：
<form method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="9QRP36HGU9DP6">
<table>
<tr><td><input type="hidden" name="on0" value="Number of Tickets">Number of Tickets</td></tr><tr><td><select name="os0">
<option value="1">1 $20.00 USD</option>
<option value="2">2 $40.00 USD</option>
<option value="3">3 $60.00 USD</option>
<option value="4">4 $80.00 USD</option>
<option value="5">5 $100.00 USD</option>
<option value="6">6 $120.00 USD</option>
<option value="7">7 $140.00 USD</option>
<option value="8">8 $160.00 USD</option>
<option value="9">9 $180.00 USD</option>
<option value="10">10 $200.00 USD</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_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>
回答 2
Stack Overflow用户
发布于 2019-03-19 01:11:46
按钮和下面的卡片指示器只有一张图片：https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif
您唯一能做的就是裁剪图像以删除其周围的空白区域，并调整其大小以匹配您的设计。
Stack Overflow用户
发布于 2019-03-19 02:14:59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<form method="post" target="_top" class="center-this-stuff">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="9QRP36HGU9DP6" />
<table>
<tr>
<td>
<input type="hidden" name="on0" value="Number of Tickets" />Number of Tickets
</td>
</tr>
<tr>
<td>
<select name="os0">
<option value="1">1 $20.00 USD</option>
<option value="2">2 $40.00 USD</option>
<option value="3">3 $60.00 USD</option>
<option value="4">4 $80.00 USD</option>
<option value="5">5 $100.00 USD</option>
<option value="6">6 $120.00 USD</option>
<option value="7">7 $140.00 USD</option>
<option value="8">8 $160.00 USD</option>
<option value="9">9 $180.00 USD</option>
<option value="10">10 $200.00 USD</option>
</select>
</td>
</tr>
</table>
<input type="hidden" name="currency_code" value="USD" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_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>
<style>
.center-this-stuff {
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
}
</style>
</body>
</html>
在这里，我创建了一个类并将其放在父元素上，然后使用Flexbox CSS属性将所有内容居中。
使用flexbox在页面周围放置内容
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55226568
复制相关文章
相似问题
腾讯云开发者
