Woocommerce Checkout 页面输入字段显示奇怪

【问题标题】：Woocommerce Checkout page input fields displaying weirdlyWoocommerce Checkout 页面输入字段显示奇怪
【发布时间】：2019-07-12 09:39:03
【问题描述】：

使用带有 understrap 子主题、woocommerce 插件和 Pw woocommerce 礼品卡插件的 wordpress 5.2.2 https://www.pimwick.com/gift-cards/

结帐页面的输入字段显示不正确

但是当我激活主题 27 时它们正确显示

问题可能来自哪里？如何使用 understrap 子主题正确显示字段？

【问题讨论】：

【解决方案1】：

终于找到解决办法了！！

这个

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row {
    display: block;
}

负责计费字段，这负责处理附加信息字段

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce-additional-fields .form-row {
    display: block;
}

【讨论】：

【解决方案2】：

也许您的主题已添加display: inline-block css 到表单中。通过浏览器中的检查元素工具找到它们并将它们更改为display: block

【讨论】：