Question

我试图在窗户内水平和垂直居中放置DIV。一点点CSS和JS都很容易。但问题是我的DIV旋转了（-33deg）。

所以我找不到如何正确居中。我尝试使用transform-origin，并在jQuery中进行计算，但没有成功。

$（'mydiv'）。width（）给我DIV未旋转的宽度...而不是实际的“对角线”宽度......（高度相同）。

我无法手动修复固定边距，因为网站需要响应......

有可能吗？

这是我需要的结果：

非常感谢你的帮助！

摩根

（对不起，如果我犯了一些英语错误：s）

Answer 1

css变换，绝对定位和变换原点的组合似乎已经为我做了。

.element {
  transform: rotateZ(30deg) translateX(-50%) translateY(-50%);
  transform-origin: 0% 0%;
  position: absolute;
  left: 50%;
  top: 50%;
}