CSS圖片左右居中方法

在CSS中，圖片左右居中可以通過設(shè)置圖片的margin屬性來實(shí)現(xiàn)，我們需要將圖片設(shè)置為塊級元素，然后設(shè)置左右margin為auto，即可實(shí)現(xiàn)圖片左右居中。

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

這種方法可以讓圖片在容器中左右居中，無論容器的大小如何變化，圖片都可以保持在容器的中心位置。

如果圖片需要垂直居中，可以通過設(shè)置圖片的vertical-align屬性來實(shí)現(xiàn)。

img {
  vertical-align: middle;
}

這種方法可以讓圖片在垂直方向上居中，但是需要注意的是，這種方法只在圖片和文本同行時(shí)有效，如果圖片和文本不在同一行，那么這種方法可能無法達(dá)到預(yù)期效果。

CSS提供了多種圖片居中的方法，我們可以根據(jù)具體的需求選擇適合的方法來實(shí)現(xiàn)圖片的居中顯示。