Html 为什么图像不直接移动到网页的中心（而不是中间）

所以，我尝试过使用“text align:center”属性，但似乎没有任何帮助，图像稍微偏离中心（实际上偏离了很多），它的png文件，所以我不确定会出现什么问题。我在从事不同的项目时也遇到过这个问题，我真的找不到解决办法。我可能在我的代码中犯了一个很大的错误，所以如果你注意到了，请告诉我确保在整个页面中运行它，以便您看到问题 以下是HTML和CSS：

正文{
背景色：#161616；
}
标题{
高度：3.375雷姆；
}
.ul1{
列表样式：无；
浮动：对；
}
李{
显示：内联；
颜色：白色；
保证金：0.625雷姆；
位置：相对位置；
右：0.625雷姆；
}
a{
文字装饰：无；
颜色：白色；
字体大小：1.063rem；
字体系列：“提示”，无衬线；
}
.img-1{
显示：块；
文本对齐：居中；
填充：0px；
}

项目1

您的

div.img-1

没有占用100%的可能

宽度。事实上，这需要
50%
。这是因为您没有从
.ul1
中清除
float:left
，您可以添加
clearfix
，如
复制帖子中所述，或者使用
显示：flex
和
调整内容：flex end改为：


正文{
背景色：#161616；
}
标题{
高度：3.375雷姆；
}
.ul1{
列表样式：无；
显示器：flex；
证明内容：柔性端；
}
李{
显示：内联；
颜色：白色；
保证金：0.625雷姆；
位置：相对位置；
右：0.625雷姆；
}
a{
文字装饰：无；
颜色：白色；
字体大小：1.063rem；
字体系列：“提示”，无衬线；
}
.img-1{
文本对齐：居中；
填充：0px；
}
.img-1>img{
保证金：自动；
}

项目1





overflow:自动发送到Header谢谢！这是对我帮助最大的一个，应用溢出：auto；对于div没有帮助，当我出于某种原因将其应用于标题时，它很有帮助，即使img标记不在标题中，那么您知道是什么导致了这一点吗？阅读副本以了解使用浮动的问题