将带有图像的div定位到中心

Question

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

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

这就是div

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

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

Answer 1

使用保证金和头寸往往适用于这些情况：

HTML：

<div id="center-div"></div>

CSS：

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

这里是一个jsfiddle：http://jsfiddle.net/mwyLz9rt/

Answer 2

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

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

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

这是以上代码JSFIDDLE

的演示

Answer 3

你可以将它放在div标签或CSS文件中，我使用这段代码

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

这应该有效