css中把图片移到中间

在网页设计中，我们经常会需要把图片放在中间，不然图片会显得很丑陋。那么，CSS中最基本的让图片居中的方式，就是把text-align的值设置为"center"。
下面是一个示例：

img {
  display: block;  /* 这是必须的，让图片独占一行 */
  margin: 0 auto;  /* 左右自动居中 */
  text-align: center;  /* 备用，如浏览器不支持margin:0 auto */
} 

上面的代码实现了把图片垂直方向和水平方向居中。其中，display: block是必须的，这个属性可以让图片独占一行。接下来的margin: 0 auto，则是让图片相对于其父元素水平居中。如果浏览器不支持margin: 0 auto，则可以使用text-align: center。这个属性将让图片相对于父元素的中央居中。

需要注意，如果要让图片水平居中，那么父元素的宽度必须要大于图片的宽度。这也就是说，如果想让一个超大的图片水平居中，那么父元素的宽度也必须足够大。

总之，text-align: center是让图片居中的最基础的方式。除此之外，还有其他的方法，比如使用Flexbox或者Grid布局，但这些需要一定的CSS知识。不过，如果只是简单地让图片居中，上面的代码已经足够了。