Question

我正在使用GitHub页面。无论如何，我不能让我的生活得到这个工作！

这是我的html代码（youtube页面的链接：

<a href="notgoingingtoshowthislink" target="_blank">Youtube</a>

我的CSS：

   a {
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  font-family: Helvetica;
  top: 550px;
}

到目前为止链接是白色且尺寸合适，它只是没有居中！非常感谢！

Answer 1

正如flyingeagle431建议的那样，你可以添加!important。另一种方法是将它放在div类中并使内容居中。

CSS

.link {
    width: 100%;
    text-align: center;
}

.link a {
    color: #FFF;
}

HTML

<div class="link">
    <a href="">Link</a>
</div>

Working jsfiddle

Answer 2

默认情况下，

a代码为display:inline，这意味着它们只会与内容一样宽。 text-align:center仅将内容集中在其容器中。如果您想要将整个链接置于中心位置，您需要将其设为block或inline-block元素并设置其边距或在其父元素上设置text-align:center。我个人更喜欢后者：

CSS：

p.centered {
    text-align:center;
    width: 100%;
}

HTML：

<p class="centered"><a href="whatever">Your Link</a></p>

Answer 3

您需要将文本中心添加到父div而不是元素本身。

这样的事情：

HTML：

<div id="center-this">
    <a href="notgoingingtoshowthislink" target="_blank">Youtube</a>
</div>

CSS：

#center-this    {
    text-align:center;
}
#center-this a{
    color: #FFF;
}

我无法通过CSS获得链接到中心

3 个答案: