有時候，我們需要將某個圖片放在一個容器的底部居中顯示，這時候可以使用CSS來實現。下面是一個實現方案，使用的是絕對定位的方法。 首先，我們需要將包含圖片的父元素設置為相對定位，這樣圖片的絕對定位才能以它為基準。 ```html``` ```css .container { position: relative; } ``` 接下來，我們需要對圖片進行絕對定位，并設置它的位置。想要圖片在底部居中，需要將它的left和bottom屬性都設置為0，并且將其水平居中，這可以通過將transform屬性設置為translateX(-50%)實現。最后，我們還需要給圖片指定一個固定的寬度。 ```css .container img { position: absolute; bottom: 0; left: 0; transform: translateX(-50%); width: 200px; } ``` 這樣，圖片就可以在容器的底部居中顯示了。 完整的代碼示例： ```html``` ```css .container { position: relative; } .container img { position: absolute; bottom: 0; left: 0; transform: translateX(-50%); width: 200px; } ``` 使用該方法可以方便的實現圖片底部居中，并且可以根據需求進行修改，將圖片設置為中心或者其他位置。