Html 将带有图像的div放置在中间

我发现一个jquery代码可以在div内旋转图像，我想将这个div定位到页面的中心。我有这个CSS的图像

#rotating-item-wrapper {
position: relative;    
}

这是给部门的

.rotating-item {
display: none;
position: absolute;
top: 150px;
left: 200;
}

---

如何将整个过程集中到中心？

您可以将其放在div标记或CSS文件中，我使用这段代码

<div class="" align="center">

---

这应该是有效的

使用保证金和仓位在以下情况下更有效：

HTML:

---

下面是一个JSFIDLE:

将此代码添加到您希望居中的div中：

.centered {
  position: absolute;
  margin-left: 50vw;
  margin-top: 50vh;
  transform: translate(-50%, -50%);
}

另外，下次请尝试向我们提供一个JSFIDLE示例，以便我们能够更生动地理解这个问题：）

---

下面是上述代码的演示

align

已被弃用，不应再使用。

#center-div {
    position: relative;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: red;
}

.centered {
  position: absolute;
  margin-left: 50vw;
  margin-top: 50vh;
  transform: translate(-50%, -50%);
}