将按钮居中

问题描述

当页面宽度为 767 像素且更小时，我试图将按钮居中，但它不起作用。我虽然我已经通过 display: center ruby​​ 完成了它 - 但这以某种方式仅在我的浏览器中有效，而在我的手机上无效。我尝试了很多东西..但是居中对象不是我的事 :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;
}
}

解决方法

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

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