javascript - 将对象（图像）与底部对齐

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;
}