对齐 PW 礼品卡优惠券按钮 woocommerce答案

【问题标题】：Align PW gift cards coupon buttons woocommerce对齐 PW 礼品卡优惠券按钮 woocommerce
【发布时间】：2022-07-22 21:15:10
【问题描述】：

我仍在学习 CSS 和 HTML，似乎找不到解决方案...我需要帮助来对齐礼品卡优惠券（PW 插件）中的 2 个按钮。更准确地说，我希望“carte cadeau”与上面的“code de réduction”相同（见附件），因此占位符文本位于按钮旁边。

我还附上了检查器的预览...

非常感谢（提前）:)

【问题讨论】：

【解决方案1】：

您可以在 div class="coupon" 元素上尝试 display: flex;。我不确定这是否可行，因为屏幕截图而不是代码，但会试一试:)

【讨论】：

【解决方案2】：

是的，谢谢！我补充说：

.woocommerce-page table.cart td.actions .coupon {
    display: flex;
}

它成功了！我很难将更改指向正确的位置（table.cart td.actions.coupon）。

再次感谢！ :)

【讨论】：