[分享]css中怎么让一张图片居中对齐

在CSS中，让一张图片居中对齐是经常会遇到的问题。下面介绍两种方法可以解决这个问题。第一种方法是使用textalign属性。将图片所在的容器的textalign设置为center，就可以让图片水平居中...

在CSS中，让一张图片居中对齐是经常会遇到的问题。下面介绍两种方法可以解决这个问题。
第一种方法是使用text-align属性。将图片所在的容器的text-align设置为center，就可以让图片水平居中了。示例代码如下：

.container {
  text-align: center;
}

.container img {
  /* 设置图片的宽度和高度 */
} 

第二种方法是使用margin属性。将图片的margin设置为auto，就可以让图片水平和垂直居中了。示例代码如下：

.container {
  /* 设置容器的宽度和高度 */
}

.container img {
  margin: auto;
  display: block; /* 将图片设为块级元素 */
} 

值得注意的是，第二种方法需要将图片设为块级元素，才能起到垂直居中的效果。此外，在使用这两种方法时，需要确保图片的实际尺寸不大于容器的尺寸，否则居中对齐就会失效。
总结一下，让一张图片水平和垂直居中，可以使用text-align属性和margin属性。根据实际情况选择合适的方法即可。