Css 如何在跨度标记中居中对齐定位标记？

在我的网站www.maastraders.shop上，我想调整所有产品的价格

我使用了inspect元素，发现有一个名为price的span类，所以我尝试在我的网站上的自定义CSS面板中引用该类，并尝试使用！在我的命令结束时很重要（检查代码）。甚至尝试使用我在StackOverflow上的另一个线程中找到的显示内联块

span.price{
显示：内联块！重要；
文本对齐：居中！重要；
}

您可以使用此CSS使用flexbox将价格区间居中：

。产品价格{
显示器：flex；
证明内容：中心；
}

我更喜欢flexbox，因为它比使用

text align

更具国际友好性。有人可能会说这只是吹毛求疵

---

您的问题提到将锚定标记居中，但我在代码中找不到任何锚定标记，因此我希望这仍然是期望的结果

这个

！重要信息

规则只能作为最后手段使用，因为它不能被覆盖，相反，最好使用顺序和特殊性来覆盖样式。然而，这应该是可行的：

span.price
{
    display: inline-block !important;
    width: auto !important;
    margin: 0 auto !important;
    text-align: center !important;
}
span.price a
{
    width: auto !important;
    margin: 0 auto !important;
    text-align: center !important;
}

---

我会将您的相关标记添加到问题中，以防止链接衰减。寻求代码帮助的问题必须包含在问题本身中复制所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看见