php - 如何在html页面中旋转img

Question

我只是使用jquery rotate插件来完成我的img旋转，但我发现它并不完美。它只是旋转img，但我希望父div随着旋转调整大小。你知道，如果宽度和高度不同，它不会在旋转后显示所有的img，或者它会覆盖其他标签。因此，如果有其他方法可以帮助我旋转 img 并自动更改 div 的宽度和高度。

Answer 1

http://www.w3schools.com/cssref/css3_pr_transform.asp

div
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
}

Answer 2

使用这个插件。

这是一个很棒的 jquery 插件来旋转图像。

Answer 3

您可以尝试使用 jQuery，而不是使用插件。

$(function() {
var $item_to_rotate = $('#item_to_rotate');
var $parent_div = $('parent_div');
rotate(0);
function rotate(degree) {

    $item_to_rotate.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
    $item_to_rotate.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});
    $parent_div.css({'width':'auto', 'height':'auto'})
    setTimeout(function() { rotate(++degree); },5);
}
});