Html 图像未正确居中对齐

抱歉，如果这是一个简单或愚蠢的问题

基本上，我正在尝试将页面上的所有图像居中对齐，但是对齐方式没有按照我想要的方式工作，您可以在我的页面上看到。这是我在三个主要部分中使用的CSS。它们对齐中心，但它们使用每个图像的左侧，而不是图像的中间作为焦点

.links {
position: fixed;
text-align: center;
top: 50%;
left: 50%;
}
.footer {
position: fixed;
text-align: center;
top: 75%;
left: 50%;
}
.header {
position: fixed;
text-align: center;
top: 25%;
left: 50%;
}

由于无法发布超过2个链接，如果您需要查看更多内容，可以在此处找到nikki.html和style.css：

---

我试着改变左边的百分比，自己手动操作，但这使得网站在不同的东西上显示得很奇怪。谢谢您的帮助。

您可以尝试：

display:block

，用于

div中的
img
这将允许您将其水平居中

您正在使用引导吗？
您可以试试这个

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

然后只需将class=“center custom”属性放在img元素中即可。
为什么对所有内容都使用固定位置<代码>正文{text align:center；}

似乎就是您所需要的。删除固定位置可以纠正水平对齐问题，但它会导致“top:50%”等垂直空间似乎被忽略。块元素与对齐不友好<默认情况下，code>img标记是一个

inline

元素。只需使用

text align:center即可对齐的类型