我怎樣才能使<a>居中和CSS</a>

Question

我有一個要與引導程序一起使用的錨標記。 響應時如何使<a>始終對齊中心？ 我必須使用margin-left來做到這一點，並且還必須使用@media查詢。

<div class="make-btn">
      <a href="/">Button</a>
</div>


.make-btn a{
  margin-left:42%; // On col-md
}
.make-btn a{
  margin-left:39%; // On col-sm
}

誰能幫我這個CSS？

Answer 1

使用class text-center可以使按鈕居中對齊。 HTML：

<div class="container">
  <div class="row text-center">

      <a class="btn btn-info" href="/">Button</a>

  </div>
</div>

JsFiddle： https ：//fiddle.jshell.net/pv4r35jc/

Answer 2

您可以發布完整的代碼嗎？

您可以通過將所有內容放入容器中以獲得響應寬度來實現此目的...並將邊距更改為：

margin:0 auto

或者您也可以輕松使用：

text-align:center;