一组图像不会以CSS/HTML为中心

在CSS中，我很难让所选图像与中心对齐。以下是im使用的html代码：

<a class="socialIcons" href="LINK" title="Facebook" alt="FB"><img src="img/Social/Facebook.png" width="100px" height="100px"  /></a>

<a class="socialIcons" href="LINK" title="Soundcloud" alt="cloud"><img src="img/Social/SoundCloud.png" width="100px" height="100px" /></a>

<a class="socialIcons" href="LINK" title="Tumblr" alt="falling"><img src="img/Social/Tumblr.png" width="100px" height="100px" /></a>

<a class="socialIcons" href="LINK" title="Vimeo" alt="VMO"><img src="img/Social/Vimeo.png" width="100px" height="100px" /></a>

<a class="socialIcons" href="LINK" title="Youtube" alt="YT"><img src="img/Social/YouTube.png" width="100px" height="100px" /></a>

我试过很多方法，比如绝对位置、保证金等等，但都不管用。这些图像只是贴在左边

我希望这里有人能帮我，因为明天就要进行评估了

---

谢谢大家

为父容器提供css“文本对齐：居中”

---

必须在此结构中添加包装器div，并将

text align:center

设置为该结构

---

您只需将链接包装在一个带有“text align:center

HTML:

---

您可能在

文本对齐：居中添加<代码>文本对齐：居中

到父容器。我在前面的回答中链接了一个非常好的css居中资源。退房

a.socialIcons {
margin-left: 10px;
}

a.socialIcons:hover {
opacity: .8;
filter:alpha(opacity=80);

}

 <div class="images">
    <a class="socialIcons" href="LINK" title="Facebook" alt="FB"><img src="img/Social/Facebook.png" width="100px" height="100px"  /></a>

    <a class="socialIcons" href="LINK" title="Soundcloud" alt="cloud"><img src="img/Social/SoundCloud.png" width="100px" height="100px" /></a>

    <a class="socialIcons" href="LINK" title="Tumblr" alt="falling"><img src="img/Social/Tumblr.png" width="100px" height="100px" /></a>

    <a class="socialIcons" href="LINK" title="Vimeo" alt="VMO"><img src="img/Social/Vimeo.png" width="100px" height="100px" /></a>

    <a class="socialIcons" href="LINK" title="Youtube" alt="YT"><img src="img/Social/YouTube.png" width="100px" height="100px" /></a>
  </div> 

a.socialIcons {
margin-left: 10px;

}
.images{
    text-align:center;

}
a.socialIcons:hover {
opacity: .8;
filter:alpha(opacity=80);

}

<div class="wrapper">
    <a class="socialIcons" href="LINK" title="Facebook" alt="FB"><img src="img/Social/Facebook.png" width="100px" height="100px"  /></a>
    <a class="socialIcons" href="LINK" title="Soundcloud" alt="cloud"><img src="img/Social/SoundCloud.png" width="100px" height="100px" /></a>
    <a class="socialIcons" href="LINK" title="Tumblr" alt="falling"><img src="img/Social/Tumblr.png" width="100px" height="100px" /></a>
    <a class="socialIcons" href="LINK" title="Vimeo" alt="VMO"><img src="img/Social/Vimeo.png" width="100px" height="100px" /></a>
    <a class="socialIcons" href="LINK" title="Youtube" alt="YT"><img src="img/Social/YouTube.png" width="100px" height="100px" /></a>
</div>

.wrapper {
    text-align:center;
}