Woocommerce单产品页面如何将add to cart按钮居中显示

请问如何将add to cart按钮居中，我已尝试如下代码但未生效：

.woocommerce div.product form.cart { 
  float:none !important; 
}

你写的代码仅清除了元素浮动，没有配置居中相关属性，所以不生效，替换为以下代码即可：

.woocommerce div.product form.cart { 
  float: none !important; 
  margin: 0 auto !important;
  text-align: center;
  width: fit-content;
}

如果添加后仍不生效，可以补充以下代码针对按钮单独设置：

.woocommerce div.product form.cart .single_add_to_cart_button {
  float: none !important;
  margin: 10px auto 0 !important;
  display: block;
}

• 代码需要添加到站点的自定义CSS配置区域，保存后刷新页面清空缓存即可生效
• 部分主题存在样式优先级覆盖的情况，可适当调整选择器精准度适配你的站点

内容的提问来源于stack exchange，提问作者userPH