css图片不能居中怎么办

1. 图片没有设置宽度

如果图片没有设置宽度，宽度会默认为原图的宽度。如果容器的宽度与图片宽度不一致，图片一般不居中。通常需要给图片设置一个固定宽度，并将左右外边距设置为“auto”。

2. 图片的“display”属性不是“block”

如果图片的“display”值不是“block”，那么图片就不会按照块级元素的方式居中。在这种情况下，我们可以通过将“display”属性设置为“block”，来让图片居中。

3. 容器元素没有居中

即使图片设置正确，但如果其容器不是居中的，图片也可能看起来不居中。在这种情况下，我们需要给其容器设置“text-align: center”属性，来使容器居中。

.container {text-align: center;}.

container img {display: block;margin: 0 auto;}