如果设置margin-left=100px它会右移,但是为啥以下代码的结果是图片紧贴左边而不是居中
<html>
<head>
<style>
div{
width: 500px;
height: 500px;
background-color: chartreuse;
}
img{
width: 200px;
height: 200px;
margin: 0px auto;
}
</style>
</head>
<body>
<div>
<img src="./source/1.jpg">
</div>
</body>
</html>