HTML画像ビューアの場合、CSSを介して一部の画像を自動回転させようとしました-*-transform: rotate（90度）。幅が画像の高さよりも大きかったため、img要素が小さすぎて、回転した画像が上下のテキストの一部をオーバーレイしていました。
この問題を修正/回避するためdivに、予想されるサイズでその周りを作成しました。これは、画像も現在置き忘れられているという別の問題につながりました。この2番目の問題を修正/回避するためにdiv、悪い位置を修正する2番目の問題を作成しました。
一例（オンライン：ここ）：
- 写真のサイズはw=1024、h=768です。
- 90度回転しています。
- アウター
div：<div style="display:block; width:768px; height:1024px;"> - 内側
div：<div style="position:relative; left:-128px; top:128px; display:block;">
これにより、正しい/期待される/必要なポジショニングとアライメントが得られます。
これを行うためのよりエレガントでクリーンな方法があるかどうか疑問に思います。