如何讓圖片在垂直方向與 div的底部對齊 水平居中

需要圖片的絕對定位postion: absolute.

一般定位時, 是用div去定位.

一般不直接用 非div去"絕對/相對"定位. 如不直接用

等去定位. 因為這些好像不好定位.

也就說, 定位時, 用div去做定位, 然后把真正要定位的內容 放在 "輔助定位"的 div中去.

然后, 再在 定位的div中, 去設置其中包含的內容的 水平對齊等方式.

因此, 有這樣的思路, 如果 要求 某個 元素 脫離其正常的排列 位置, 要 "定位"在某個特殊的位置, 就應該想到 postion定位.

"position"定位, 理解這個含義:　就是為了使 元素 定位到其 非正常 排列的位置".

比如:
讓圖片在垂直方向與 div的底部對齊 水平居中?

讓你的圖片浮動。然后給他個bottom:0;

<div style="position:relative;height:100px;width:100px;border:1px solid red">

    <div style="width:100px;position:absolute; bottom:0;left:0; text-align:center;">
    
        <img src="***.gif" width="20" height="20">
    </div> 

</div>