Javascript 如何增加图像顶部的高度并保持底部固定？

我想用jQuery调整图像HTML的大小

这很容易elt.css{height:'42px'}，但我的问题是图像的放大率在底部，即图像的顶部不移动，而底部会拉伸或缩短

就像这里：

使用绝对值编辑：

我想换一种方式！图像的底部是固定的，这是图像顶部的增加或减少

我该怎么做

---

thx.

带绝对定位

CSS

---

我认为填充顶部在那里有效？@tusharaj如果这是背景图像，填充就有效。填充顶部不适用于img：将顶部：100px更改为底部：0有趣的是>垂直对齐：底部；似乎做了一些正确的事情，但有点神经质。事实上，my已经处于绝对位置，如：，但如果可能的话，我宁愿避免添加容器？所以只需添加底部：0；和顶部：自动；你的图像，它将只定位在底部，所以只有顶部会grow@OxyDesign@Matrix top:不需要自动。。。不要担心那样做。如果不将其置于顶部，则默认为“自动”。只需使用bottom:0，像他那样将其环绕在一个div中，并将div本身定位在您想要的位置。有时，当您设置为一种方式时，有一种更好的方式可以做到这一点，即稍微different@Matrix与图像父对象的相对位置？也许没有顶部，底部有你需要的像素量？

.img-container{
    width: 50px;
    height: 50px;
    position:relative;
}
.img-bottom
{
    width: 50px;
    height: 50px;
    position:absolute;
    bottom:0;
    left:0;
}