Javascript 在分区内设置中心img

我在sencha extjs应用程序中有一个容器，容器左侧有一个img div。我希望它居中旋转（因为我已经将图像拟合到其最长尺寸）

从类似的问题开始，我试着把每一个问题都加进去，但都没有效果

垂直对齐：中间对齐
文本对齐：居中
显示：块

---

有可能其他包含这些内容的extjs容器正在改变一些事情。

您是否尝试过

margin:auto？
您还可以将flex用于外部组件：

display: flex;
justify-content: center;

此外，如果外部组件具有固定的大小和位置：相对，则可以使用

position: absolute;
left: 50%;
transform: translateX(-50%);

为什么不使用HTML
标记


.rotate90{
-webkit变换：旋转（30度）；
-moz变换：旋转（30度）；
-o变换：旋转（30度）；
-ms变换：旋转（30度）；
变换：旋转（30度）；
}

translateX/Y看起来很有希望。轮换并不是很好，但比以前好多了，所以我接受它作为我能提出的有限问题的答案。谢谢。@KennyOstrom也许玩
变换原点
会帮助你解决旋转问题？添加一个元素效果更好，所以这有助于+1，但每次旋转我都需要不同的平移，而且它不能很好地推广到形状奇怪的图像。@KennyOstrom标记已被弃用，不应使用：它可用于中间替换；文本对齐：居中；去工作。。。从技术上讲，这是不推荐的，但这也适用于有中心的中间产品。奇怪的是，它对实际包含的div不起作用。
position: absolute;
left: 50%;
transform: translateX(-50%);