CSS圖片設(shè)置到中間的方法

在CSS中，我們可以使用多種方法將圖片設(shè)置到中間，我們可以使用margin屬性將圖片左右兩邊的距離設(shè)置為0，這樣圖片就會(huì)出現(xiàn)在容器的中間位置。

img {
  margin-left: 0;
  margin-right: 0;
}

我們還可以使用text-align屬性將圖片設(shè)置為居中顯示。

img {
  text-align: center;
}

這種方法可以將圖片設(shè)置為水平居中顯示，但是需要注意的是，如果圖片的容器高度大于圖片的高度，圖片可能會(huì)上下浮動(dòng)，這時(shí)候我們可以使用vertical-align屬性將圖片設(shè)置為垂直居中顯示。

img {
  vertical-align: middle;
}

需要注意的是，以上方法都只能適用于一些簡(jiǎn)單的情況，如果圖片的大小、形狀或者容器的大小、形狀比較復(fù)雜，可能需要使用更復(fù)雜的方法才能實(shí)現(xiàn)圖片的居中顯示。