在網頁開發過程中，經常需要對圖片進行布局，讓其居中顯示。這里介紹兩種常用的方法：

第一種是使用 text-align 屬性，該屬性可以將元素內的文本內容居中對齊，同時也能將內部塊級元素居中對齊，如下所示：

img {
    display: block;
    margin: auto;
}

第二種是使用 flexbox 布局，將圖片包裹在一個父元素內，使用 display: flex 屬性，然后通過設置 justify-content: center 和 align-items: center 來實現圖片垂直和水平方向上的居中。代碼如下：

.container {
    display: flex;
    justify-content: center;
    align-items: center;
}
img {
    display: block;
}

通過以上兩種方法，可以實現將圖片居中的效果，根據實際需要選擇使用哪種方法。