Поворот изображений с помощью 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]), чтобы убедиться, что окончательное изображение помещается в пространство, изначально предоставленное вам алгоритмом макета.