[分享]css中怎么让图形居中

CSS中如何让图形居中是一个常见的问题，主要有以下几种方法：

/* 方法一：使用text-align属性 */
.container {
  text-align: center;
}
.container img {
  display: inline-block;
}

/* 方法二：使用margin属性 */
.container {
  width: 100%;
}
.container img {
  margin: 0 auto;
  display: block;
}

/* 方法三：使用flex布局 */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
} 

第一种方法是将图片设置为inline-block元素，并将其父容器的text-align设置为center，可以让图片水平居中。但是，如果图片的高度不一致，布局会出现问题。

第二种方法是给图片添加一个margin属性，并将父容器的宽度设置为100%，可以让图片在水平和垂直方向都居中。

第三种方法是使用flex布局，将父容器设为flex容器，通过justify-content和align-items属性实现水平和垂直居中。

通过以上三种方法，我们可以轻松实现图片在网页中的居中效果。