在網頁設計中，有時我們需要把圖片置于底部居中的位置。使用CSS樣式表可以輕松實現這一效果。 要將圖片置于底部居中位置，我們需要使用絕對定位（absolute position）。我們可以把圖片放在一個相對定位的容器中，然后使用絕對定位將其置于底部居中位置。 以下是一段CSS代碼示例，可以實現這一效果：

.container {
position: relative;
}
.container img {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

在這個示例中，我們創建了一個包含圖片的容器（class為“container”）。我們使用相對定位（position: relative）將圖片容器相對于其父容器進行定位。 接下來，在容器中的圖片元素（img元素）上，我們使用絕對定位（position: absolute）將其位置設置為底部（bottom: 0）和水平中心（left: 50%）。請注意，這將把圖片的左邊緣放在容器中心的左側。 為了讓圖片居中，我們使用CSS3的transform屬性，將圖片向左移動其自身寬度的一半（transform: translateX(-50%)）。 通過以上步驟，我們可以將圖片置于底部居中的位置，并且可以適用于各種不同尺寸的圖片，而不用調整樣式。 總結一下，在CSS中，我們可以通過相對定位和絕對定位實現圖片的底部居中位置。通過使用transform屬性和left、bottom屬性進行微調，可以使圖片完美地居中。