CSS框居中顯示圖片 想要在頁面中顯示圖片，通常會使用img標簽。但是如何讓圖片在頁面中居中顯示，可能會讓一些初學者感到困惑。下面我們就來介紹一下如何使用CSS來讓圖片居中顯示。 首先，在HTML中插入img標簽，設置圖片的src屬性。

接下來，我們可以使用CSS的定位屬性，將圖片相對于父元素進行定位。首先給父元素設置position屬性。

然后，使用CSS的絕對定位屬性來定位圖片。設置image的position屬性為absolute，同時設置top、bottom、left、right屬性為0，讓圖片在父元素的中間居中顯示。

通過上述代碼，可以讓圖片在頁面中居中顯示。其中，margin: auto用于水平居中的設置。 除了使用CSS的定位屬性，還可以使用CSS的flex布局來實現圖片的居中顯示。首先，給父元素設置display: flex和justify-content: center屬性，讓子元素在水平方向上居中顯示。然后，設置align-items: center屬性，讓子元素在垂直方向上居中顯示。

通過以上兩種方法，可以讓圖片在頁面中居中顯示，美觀效果更佳。