使用CSS旋转图像并将其放回原位

Question

使用CSS

旋转大图像时

    -moz-transform: rotate(270deg);

位于浮动div中（使用Firefox 3.6.3显示页面），它会混淆页面布局：显然，图像的大小在旋转之前进行评估。

此外，图像被移位，部分位于屏幕外，因为它旋转的点是固定的。我怎样才能改善这个？ （-moz-transform-origin在这里没有帮助。）

Answer 1

我会设置一个有意义的moz-transform-origin点（对于方形图像，50％50％可能是一个不错的选择，或者如果图像的形状不同，则更加聪明），并使用moz-transform：scale （sx [，sy]）确保最终图像适合布局算法最初给你的空间。