css - PayPal 按钮的水平布局

Question

我想按照文档中的描述水平排列 PayPal 和 Credit Card 按钮。当我垂直堆叠它们时，两个按钮都显示得很好。但是，Credit Button 不会在水平布局中显示...

<PayPalButtons 
    style={{
    layout: 'horizontal',
    color:  'silver',
    shape:  'pill',
    label:  'pay',
    tagline: false,
    height: 30}} 
    createOrder={(data, actions) => 
                 {return onCreate(data, actions);}}
    onCancel={() => onCancel()}
    onError={(err) => onError()}
    onApprove={(data, actions) => onSuccess(data, actions)}
/>

我错过了什么吗？

标签： csspaypalpaypal-sandboxpaypal-buttons

Answer 1

编辑：简短的回答是黑色的“借记卡或信用卡”按钮，特别是在水平布局中不支持，因为它垂直扩展。只有垂直布局或独立按钮支持它。

---

水平布局中最多显示 2 个按钮。是否显示第二个按钮以及显示哪个取决于具体情况。

您的代码导致：

..在测试中，但是如果您在不同的情况下看到其他内容，则需要明确说明您在问题中看到的其他内容，并包括您正在测试的内容的全部细节。特别是所有 PayPal<script>或 react<PayPalScriptProvider>查询/运行时参数、浏览器/用户代理和地理 IP 位置都可以与此处相关。