0

我有一个尺寸为：width=300px，height=200px的图像img.png 。此图像位于 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 容器中。我怎样才能把它放在里面？

4

1 回答 1

0

不知道是不是你的意思，但是怎么样

div.thumbnail {overflow:hidden;}
于 2013-07-11T10:48:52.500 回答