在HTML5中，我們要讓圖片居中顯示，只需要使用CSS的一些技巧，就可以讓圖片在頁面中居中。下面我們就來看看代碼怎么寫。 首先，我們需要在HTML中添加一張圖片，代碼如下：

接下來，我們需要給圖片添加CSS樣式，居中圖片的樣式如下所示：

這個樣式會把圖片放在父元素中央進行居中顯示。但是這種方法只適用于圖片較小的情況。如果圖片尺寸較大時，該方法并不適用。 要保證圖片在任何分辨率下都能夠居中顯示，我們還需要添加一些CSS樣式。代碼如下：

在CSS中添加了max-width屬性，能夠讓圖片在任何分辨率下自適應屏幕寬度。而display:block; 和margin:0 auto; 則讓圖片水平居中。這種方法即能夠讓小圖片居中，也能夠讓大圖片居中。 總之，在HTML5中讓圖片居中顯示只需要簡單的添加一些CSS樣式，就可以實現。使用這種方法可以讓網頁更加美觀，圖片的顯示效果也會更好。