圖片居中，CSS輕松搞定

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

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

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

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

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

3、使用flexbox布局：使用flexbox布局可以將圖片在容器中居中。

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

這些方法都可以實(shí)現(xiàn)圖片居中的效果，具體使用哪種方法取決于你的設(shè)計(jì)需求，注意圖片的寬度和高度設(shè)置，避免出現(xiàn)圖片變形或者溢出容器的情況，希望這些方法能對(duì)你有所幫助！