圖片居中，CSS代碼怎么寫？

在CSS中，我們可以使用多種方法將圖片居中，這里，我將介紹兩種常用的方法：使用flexbox和使用position屬性。

我們可以使用flexbox來將圖片居中，F(xiàn)lexbox是一種靈活的布局方式，可以輕松地實現(xiàn)對齊和分布，我們可以將圖片所在的容器設(shè)置為flex布局，并使用justify-content和align-items屬性來分別控制水平和垂直方向上的對齊。

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

這種方法可以將圖片水平和垂直方向上都居中。

我們還可以使用position屬性來將圖片居中，我們可以將圖片設(shè)置為***定位，并使用top、left、right和bottom屬性來控制圖片的位置。

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

這種方法也可以將圖片水平和垂直方向上都居中，不過需要注意的是，這種方法需要考慮到容器的尺寸和圖片的尺寸，如果容器或圖片的尺寸發(fā)生變化，可能需要相應(yīng)地調(diào)整position屬性的值。

使用flexbox和使用position屬性都可以實現(xiàn)圖片的居中顯示，具體使用哪種方法可以根據(jù)實際需求和場景來選擇。