对于我的HTML 图片查看器，我尝试通过 CSS 自动旋转我的一些图片-*-transform: rotate（90 度）。因为图片的宽度大于高度，所以img元素太小，旋转的图片覆盖了上面和下面的一些文字。
为了修复/解决这个问题，我在div它周围创建了一个预期大小的。这导致了另一个问题，即图像现在也放错了位置。为了修复/解决第二个问题，我div围绕它创建了第二个，它修复了错误的位置。
一个例子（在线：这里）：
- 图片大小 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;">
这导致正确/预期/想要的定位和对齐。
我想知道是否有更优雅/更清洁的方式来做到这一点。