圖片居中，CSS輕松搞定

在網(wǎng)頁設(shè)計中，圖片居中是一個常見的需求，使用CSS（層疊樣式表）可以輕松實現(xiàn)圖片居中的效果，下面是一些實現(xiàn)圖片居中的方法：

1、使用margin屬性：將圖片左右兩邊的margin設(shè)置為auto，可以讓圖片在容器中水平居中。

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

2、使用text-align屬性：將圖片的父元素（如div或p）的text-align屬性設(shè)置為center，可以讓圖片在文本中水平居中。

div {
  text-align: center;
}
img {
  display: block;
}

3、使用flexbox布局：使用CSS的flexbox布局，可以將圖片在容器中垂直和水平居中。

div {
  display: flex;
  justify-content: center;
  align-items: center;
}
img {
  max-width: 100%;
}

這些方法都可以實現(xiàn)圖片居中的效果，具體使用哪種方法取決于你的設(shè)計需求，希望這些方法能對你有所幫助！