CSS圖片居中設置

在CSS中，我們可以使用多種方法將圖片居中顯示在盒子里，以下是兩種常用的方法：

1、使用flexbox布局

我們可以將盒子的顯示方式設置為flexbox，然后利用justify-content和align-items屬性將圖片居中。

.box {
  display: flex;
  justify-content: center;
  align-items: center;
}

2、使用position屬性

我們可以將圖片設置為***定位，然后利用top、right、bottom和left屬性將圖片居中。

.box {
  position: relative;
}
.img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

兩種方法都可以實現(xiàn)圖片在盒子中的居中顯示，我們可以根據(jù)自己的需求和喜好選擇其中的一種方法。