居中按钮

Question

我试图在页面宽度为 767 像素且更小时将按钮居中，但它不起作用。我虽然是通过 display: center ruby 完成的——但这不知何故只在我的浏览器中有效，但在我的 phone 中无效。我尝试了很多东西.. 但居中对象不是我的事:D 谢谢你的任何提示。

<div class="write-us">
  <a href="contactus.html">NAPIŠTE NÁM</a>
</div>

CSS

@media (max-width: 767px) {
.write-us a {
    width: 28%;
}
.write-us {
    margin: auto;
}
}

Answer 1

将 CSS margin: auto; 添加到特定 @media 的 .write-us a。

@media (max-width: 767px)
.write-us a {
    width: 28%;
    margin: auto;
}