HTML是網頁開發中最基本也是最重要的一種語言。在網頁制作中，經常會遇到需要設置一些元素的位置和布局的情況，如何讓一個div居中并顯示一張圖片呢？

代碼如下：
解析：
首先，我們創建一個div元素，并設置它的寬度、高度、邊框樣式。為了將元素居中，我們使用display屬性，將其設置為flex，然后讓它的子元素水平及垂直方向居中（justify-content和align-items屬性）。在這個div中包含一個img標簽，設置圖片的最大寬度和高度以保證圖片不會超出div。使用這組CSS樣式就能達到讓圖片完美居中的效果。