将对象（图像）对齐到底部

Question

我有一个带有index.html的网页，其中包含以下内容：

<img class="thumb" onclick="openPhoto(1);" src="img/images/campaign/1.jpg" width="710" height="533" alt="img"/>

我需要做的是将图像对齐到屏幕的底部中心，因为当我打开它们时，它们实际上出现在屏幕的顶部中心。

Answer 1

只需使用css

.thumb
{
position:absolute;
bottom:0;
margin:auto;
width://your width accordingly;
}