垂直居中一個div

Question

thiv.net/mobile需要在移動設備上工作，但它的確如此，但是當我將iPod調到垂直位置時，它發生了巨大的變化，我的問題是我需要整塊，文本框，按鈕和圖像垂直居中，或在旋轉時更改。我認爲垂直居中div是最好的選擇，那麼我會用什麼CSS？

目前我曾嘗試：

.center 
{ 
position:absolute 
top:40%; 
bottom:40%; 
height:20%; 
} 

但是，這並不工作，所以也許它應該只旋轉後的中心？ 任何想法？

Answer 1

嘗試下面的CSS：

.center { 
width: 100px; 
height: 100px; 
position: absolute; 
top:0; 
bottom: 0; 
left: 0; 
right: 0; 
margin: auto; 
} 

您也可以按照堆棧溢出的鏈接：Best way to center a <div> on a page vertically and horizontally?

Answer 2

如果你知道的高度：

div.centered{ 
height: 100px; 
top: 50%; 
margin-top: -50px; 
} 

可選：position: absolute | relative | fixed取決於什麼你想實現

margin-top should總是0--你的div的中間高度的一半。