Html 如何对齐<；a>；标记在a<；部门>；已经对其应用了文本对齐吗？

我的问题是：我想把一个

正如您所看到的，我已经解决了底部的问题，但是标签在默认情况下不起作用的原因是什么？甚至改变显示器也似乎不起作用：

a {
    text-align: center;
    display: inline;
}

a {
    text-align: center;
    display: inline-block;
}

a {
    text-align: center;
    display: block;
}

我不希望从中删除文本对齐，我很好奇为什么标签更喜欢父CSS而不是它自己的ID

---

提前谢谢。

你忘了把

中心和
左边的
交给







到

对齐链接







你忘了给
中心
和
左
上课







到

对齐链接







由于重复使用了
ID
s，您发布的小提琴无效，您应该改用
classes

但是，除此之外，使锚定中心对齐的最简单方法是将其设置为
display:block
（这意味着它会自动占用任何可用的水平空间），然后将其设置为
text align:center

因此，您可以得到：

div{
文本对齐：左对齐；
}
a组{
显示：块；
文本对齐：居中；
}
由于重复使用了
ID
s，您发布的小提琴无效，您应该使用
类

但是，除此之外，使锚定中心对齐的最简单方法是将其设置为
display:block
（这意味着它会自动占用任何可用的水平空间），然后将其设置为
text align:center

因此，您可以得到：

div{
文本对齐：左对齐；
}
a组{
显示：块；
文本对齐：居中；
}
创建3个类。它们必须显示为块才能添加对齐

.left{ text-align: left; display: block; }
.center{ text-align: center; display: block; }
.right{ text-align: right; display: block; }

然后将其直接应用于A标记

<a href="#" class="left">this is left</a>
<a href="#" class="center">this is center</a>
<a href="#" class="right">this is right</a>



我认为这是最简单的
创建3个类。它们必须显示为块才能添加对齐

.left{ text-align: left; display: block; }
.center{ text-align: center; display: block; }
.right{ text-align: right; display: block; }

然后将其直接应用于A标记

<a href="#" class="left">this is left</a>
<a href="#" class="center">this is center</a>
<a href="#" class="right">this is right</a>



我认为这是最简单的
这会很有帮助：这是你要找的吗。。。？
id
错误。是的，就是这样。真不敢相信我写的时候没看到。但我的网站上仍然有类似的问题…这会很有帮助：这就是你要找的吗。。。？
id
错误。是的，就是这样。真不敢相信我写的时候没看到。我的网站上仍然有类似的问题…不知道伙计，我也有一个…哇。我不知道我是怎么错过的。无论如何谢谢你的帮助。我在我的网站上遇到了同样的问题，我确信我有正确的类和ID，但我已经修复了它。再次感谢。不知道，伙计，我也有一个……哇。我不知道我是怎么错过的。无论如何谢谢你的帮助。我在我的网站上遇到了同样的问题，我确信我有正确的类和ID，但我已经修复了它。再次感谢。我不知道你为什么会被否决——这会解决问题，你会指出重复身份证是不好的。谢谢@patricksweeney，在这个页面上有一些非常奇怪的投票！我不知道你为什么会被否决——这会解决问题，你会指出重复ID是不好的。谢谢@patricksweeney，这页上有一些非常奇怪的投票！