Question

我有一个链接，我所做的一切都不会让它居中。我不确定哪个css会阻止它工作。

html是：

<a href="/wp1/product-tag/armani-jeans/?action=yith-woocompare-add-product&amp;id=28674&amp;_wpnonce=95c22023b0" class="compare button" data-product_id="28674">Compare</a>

和作用于它的css（从我检查时起）是：

.woocommerce ul.products li.product .button {margin-top:1em}
.woocommerce a.button {font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
font-family: inherit;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
background-color: #ebe9eb;
border: 0;
white-space: nowrap;
display: inline-block;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;}

我无法弄清楚我需要覆盖哪些组合以使其居中！

任何建议都会很棒！感谢

Answer 1

嗨现在尝试以这种方式，如果你习惯了这个css而不是你的问题解决了

现在在.woocommerce ul.products li.product

中定义您的text-align center css

.woocommerce ul.products li.product{text-align:center;}

Answer 2

你可以使用

来做到这一点

.woocommerce a.button{ text-align:center}
 or 
.woocommerce a.compare{ text-align:center}

希望它会

无法中心链接

2 个答案: