旋轉與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]）來確保最終圖像適合佈局算法最初給予您的空間。