Html 将图像居中，而不使用“；左：X-px&引用；因为它不是'；在较小的设备上没有响应

我想把社交媒体的图片集中在一起。我想我可以用

right:100px把它移到右边，但它不会停留在相对于页面大小的位置。如果我将页面缩放到手机大小，它不会像页眉那样居中

这可能更容易理解。
将“行”上的显示属性设置为flex，并使用“对齐内容”将元素水平放置在中心。您可以删除“.social”元素上的相对位置


正文{
宽度：100%；
身高：100%；
边际：0px；
填充：0px；
背景：url(https://i.ibb.co/VH659W4/background.jpg)无重复中心固定；
背景尺寸：封面；
}
.第{
z指数：100；
}
.行{
显示器：flex；
z指数：100；
证明内容：中心；
}
.社会{
显示：块；
左边距：自动；
右边距：自动；
宽度：36px；
z指数：100；
}
#标题{
位置：绝对位置；
显示：块；
左边距：自动；
右边距：自动；
宽度：100%；
z指数：99；
}

DJ朱默
非常感谢，但我还有一个问题。社交媒体的图片被隔开了，我想把它们聚在一起，我找不到办法。是的，修正了。在.social{}css选择器上，将宽度从50%更改为35px，那么社交媒体图像之间就不会有差距。您可以根据需要增加或减少此宽度。除此之外，我建议在您的问题中添加您的原始代码。