css图片居中的三种小方法

1.使用margin是最常见的使图片居中的方法。我们可以通过添加上下左右各自为50%的margin值，再通过负的图片宽度/高度的一半来实现图片的居中。

2.flexbox是一种CSS3布局，它允许我们通过设置父元素的flex属性来轻松地将子元素居中。我们只需要将图片所在的容器设置为flex布局，并设置align-items和justify-content属性即可。

3.类似于flexbox，我们也可以使用CSS网格来将图片居中。我们将图片容器作为一个网格容器，并设置其为居中对齐即可。