无法在AngularJS ui-view中居链接

Question

我的链接看起来像一个按钮，需要水平放在页面的中心。

这是链接：

<a href="#top" target="_self" class="btn btn-info btn-xs">Return to Top</a>

我试过了：

style = "margin: 0 auto"
style = "text-align: center"
class="btn btn-info btn-xs center-block"

没有任何作用。是因为我的ui-view设置如此？

<div class="col-md-10 col-md-offset-1">
    <ui-view></ui-view>
</div>

我该怎么办？

Answer 1

axc ，你好。沿着 Imgonzalves 所说的话 您需要为中心内容提供一些宽度。

看一下 Fiddle 您将看到按钮居中的顶部区域 使用置于父级中的Bootstrap类text-center，然后它将使该div中的所有文本和其中的文本居中。 父级具有宽度，因为它使用类col-md-10。

此演示中的第二个橙色块显示了您尝试执行的操作。

希望这表明你需要给div增加一些宽度来使按钮居中。

Answer 2

您可以将按钮包装在div中，并将文本中心类添加到div中，如下所示：

<div class="text-center">
  <a href="#top" target="_self" class="btn btn-info btn-xs">Return to Top</a>
</div>