[分享]css中如何让图片在列表中居中

CSS中如何让图片在列表中居中？我们可以使用以下几种方式来实现。

方法1：使用text-align属性

ul li {
  text-align: center;
}

ul li img {
  display: inline-block;
} 

以上代码中，我们将li元素的text-align属性设置为center，即中心对齐。同时，我们将img元素的display属性设置为inline-block，使其能够水平居中。这种方法适用于图片的大小固定，且列表项的宽度大于图片宽度的情况。

方法2：使用margin属性

ul li img {
  display: block;
  margin: 0 auto;
} 

以上代码中，我们将img元素的display属性设置为block，使其能够占据整个li元素的宽度。同时，我们将img元素的margin属性设置为0 auto，即上下边距为0，左右边距自动分配，从而实现水平居中。这种方法适用于图片大小不固定，但宽度与列表项宽度相等的情况。

以上两种方法都可以让图片在列表中水平居中，具体使用哪种方法要根据具体情况而定。希望本文对你有所帮助！