Question

我已经对此进行了调查并遵循了一些指示，他们似乎无法工作。

请点击此链接获取代码：

我在父div上尝试了tableView.keyboardDismissMode = UIScrollViewKeyboardDismissModeOnDrag（margin: 0 auto;类）和center-block，但我似乎无法让它发挥作用。任何人都可以帮助我在页面中间居中并告诉我它为什么不工作？

预期结果：https://jsfiddle.net/3h937r1q/22/

除非我不想使用float: none;将其移到中间

Answer 1

您可以使用col-offset：

        <div class="col-xs-12 col-md-12 home-buttons center-block" >
        <a href="#" class="col-xs-6 col-sm-4 col-md-2 HomepageBtn Animate col-sm-offset-2 col-md-offset-4" >
            <div class="tile-text">
                AP REVIEW
            </div>
        </a>
        <a href="#" class="col-xs-6 col-sm-4 col-md-2 HomepageBtn Animate">
            <div class="tile-text">
                VAT CHECKER
            </div>
        </a>
    </div>

Answer 2

我已移除height并将padding: 40px 0px提供给anchor代码

Updated DEMO

.home-buttons .HomepageBtn {
  background-color: #4F7F64;
  /*height: 140px;*/
  padding: 40px 0px;
  color: white;
  font-size: small;
  font-family: "futura-pt-n7", 'futura-pt', Helvetica, Arial, sans-serif;
  font-weight: bold;
  border-style: solid;
  text-align: center;
}

Answer 3

我认为你正在寻找这个。当您在 a 标记内使用引导网格时，必须使用引导偏移类来使元素居中。

<div class="col-xs-12 col-md-12 home-buttons">
    <a href="#" class="col-xs-6 col-sm-4 col-md-2 col-md-offset-4 col-sm-offset-2 HomepageBtn Animate">
        <div class="tile-text">
        AP REVIEW
        </div>
    </a>
    <a href="#" class="col-xs-6 col-sm-4 col-md-2 HomepageBtn Animate">
        <div class="tile-text">
        VAT CHECKER
        </div>
    </a>
</div>

Answer 4

https://jsfiddle.net/25Lno6n7/

2016APR01

如何在内部使用锚链接水平居中？

4 个答案: