使用jquery和CSS旋转和调整图像大小

Question

我有一个图像 img.png ，尺寸为：宽度= 300像素，高度= 200像素。 此图像位于div容器中：

<div class='thumbnail'> <img id='imgX' src='img.png'> </div>

CSS是：

div.thumbnail {
    width: 500px;
    height: 300px;
}

div.thumbnail > img {
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

图像显示效果很好。但是，动态地我可以使用jquery旋转图像：

$("#imgX").css("transform","rotate(90deg)");

这样就可以旋转图像，但它不在div容器中。我怎么能把它放在里面？

Answer 1

不确定这是不是你的意思，而是

div.thumbnail {overflow:hidden;}