将div与图像置于中心

Question

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

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

，这对格

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

我如何管理的全过程中心到中心？

Answer 1

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

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

这应该使用保证金和头寸工作

Answer 2

往往在这些各种各样的工作情况：

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 3

这个代码添加到div你想中心：

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

而且，下一次尝试为我们提供的jsfiddle例子，所以我们可以理解问题更生动:)

下面是上面的代码JSFIDDLE