html - 如何使用 CSS 使链接居中

Question

我很新，并且正在搞乱一些代码（只是 HTML 和 CSS）但是我不能让我的链接像我的文本一样居中？身份证只是为了练习我知道他们不是必需的。

http://pastebin.com/kYyR6WUx

Answer 1

我用css提供了一个解决方案。你可以看看这个链接http://jsfiddle.net/qPAfK/

div {
    width: 100px;
}

div a {
    text-align: center;
    display: block;
    margin: 0 auto;
}

Answer 2

在你的情况下

 #W3link
    {
    width:100px; /*use your preferred width*/
    margin-left:auto;
    margin-right:auto;
    }

如果您想使用不止一次，请使用Class 。

Answer 3

这就是它对我的工作方式：

<div style="text-align:center"><a href="https://stackoverflow.com/"></a></div>

Answer 4

链接是一个内联元素。Bootstrap 用于center-block更改内联元素显示：

.center-block {
  display: block;
  margin-right:auto;
  margin-left:auto;
}

然而，当直接应用于链接时，这不起作用，例如：

<a href="#" class="center-block">link</a>  

只有当我应用width样式时它才有效。20% 在我的页面上效果很好。这是近似居中。我已经尝试过text-center很多次链接，但始终无法使其正常工作。令我惊讶的是，display: block单独使用不适用于margin居中。Width必须添加。