4

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

http://pastebin.com/kYyR6WUx

4

4 回答 4

9

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

div {
    width: 100px;
}

div a {
    text-align: center;
    display: block;
    margin: 0 auto;
}
于 2013-07-15T17:51:07.447 回答
0

在你的情况下

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

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

于 2013-07-15T18:08:42.533 回答
0

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

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

于 2018-09-24T11:19:17.227 回答
0

链接是一个内联元素。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必须添加。

于 2018-04-19T16:13:08.957 回答