Javascript 如何使3个IMG并排居中？

我试着把3个社交媒体图标并排放在中间。但我不知道怎么做

---

使用

文本对齐：居中

.socials{
文本对齐：居中；
}

请参见此 将

置于

.socials

div

内联块

元素中，该元素赋予它与文本一样的属性。然后将

text align:center

添加到父级，即

.socials

div

添加下面给定的CSS使其居中

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

更新

正如@LGSon在评论中提到的

---

内联元素不需要设置为

内联块

居中 当父对象具有

文本对齐：居中时，它自身

您只需要添加下面给定的CSS，使其居中

.socials{
        text-align:center;
}

但是，请记住，如果需要使用上述方法居中，您必须将任何块级元素的显示设置为
内联块
。
Flexbox非常适合水平和垂直居中：


img{高度：40px；宽度：40px；背景色：灰色}
.社会{
显示器：flex；
证明内容：中心；
}
.社会img{
弹性：1自动；
}

说
显示：内联块使它们居中是错误的，因此我投了反对票。当父元素有
文本对齐：居中时，内联元素不需要设置为
内联块
使其自身居中，正如您在我的回答中所看到的那样是的..明白..但我给出了一个解决方案，这将在将来帮助他和其他人@LGSon告诉用户他们需要为
文本对齐：居中
工作将定位点设置为
显示：内联块
，这没有帮助，只是误导了他们。@LGSon您的观点非常清楚。.感谢您指出。.更新了答案。。
.socials{
        text-align:center;
}