我有一张图片img.png,尺寸为:width=300px,height=200px。 此图像位于 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 容器之外。我怎样才能把它放在里面?
最佳答案
不知道你是不是这个意思,但是怎么样
div.thumbnail {overflow:hidden;}
关于javascript - 使用 jquery 和 CSS 旋转和调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17591293/