如何获得这些图标之间的空间？

如何解决如何获得这些图标之间的空间？

<div class="icons">
    <a href="#">
        <img class="github" src="GitHub-Mark-64px.png" alt="github logo">
    </a>
    <a href="#">
        <img class="github" src="GitHub-Mark-64px.png" alt="github logo">
    </a>
    <a href="#">
        <img class="github" src="GitHub-Mark-64px.png" alt="github logo">
    </a>
</div>

为我的图标及其现在的图片拍照-

就CSS而言，我已经尝试过使用左右对齐的内容，但它们将它们散布得很远。我也尝试过使用padding和margin，它似乎并没有做任何事情。我是否没有正确设置html或css做错了什么？

解决方法

保证金效果很好。

/* You can use this */
a:not(:last-of-type) {
  margin-right: 10px;
}

/* Or this */
a:not(:last-of-type) img {
  margin-right: 10px;
}

<div class="icons">
    <a href="#">
        <img src="//via.placeholder.com/64">
    </a>
    <a href="#">
        <img src="//via.placeholder.com/64">
    </a>
    <a href="#">
        <img src="//via.placeholder.com/64">
    </a>
</div>

还有许多其他方法可以执行此操作，因此，如果它在您的环境中不起作用，则存在问题，无法在此处进行调试。

,

将margin-right添加到所有github类中。

拍摄的，但不需要最后github处的右边距<a> img”。

a:last-child .github{
  margin-right:0px;
}
.github{
  width:50px;
  height:50px;
  margin-right:10px;
}

.icons{
  margin:20px auto;
  text-align:center;
}
a:last-child .github{
  margin-right:0px;
}
.github{
  width:50px;
  height:50px;
  margin-right:10px;
}

<div class="icons">
    <a href="#"><img class="github" src="https://i.stack.imgur.com/x0ard.png" alt="github logo" /></a> 
    <a href="#"><img class="github" src="https://i.stack.imgur.com/x0ard.png" alt="github logo" /></a>
    <a href="#"><img class="github" src="https://i.stack.imgur.com/x0ard.png" alt="github logo" /></a>
</div>