將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