無論分辨率如何，將內容垂直居中的div元素對齊

Question

我有一個應用程序，其中我很擔心div元素。

我有div的內容，其中包含許多div的跨度和一些img標籤。

無論屏幕分辨率和瀏覽器如何，我都需要垂直居中div元素的內容。

我已經試過這樣：

<div style="padding-top: 4%;position:fixed;height:2%;> 
my content 
</div> 

這工作完全在我所有的瀏覽器（FF，IE，CHROME，SAFARI）。

但是，這是不工作在我的朋友電腦，其顯示器不是一個寬屏顯示器。

請建議我理想的CSS來處理任何類型的決議。

編輯：my content包含divs一些水平對齊，其中一些彼此相鄰。

感謝，

Answer 1

嘗試：

<div style="margin:auto;"> 
    my content 
</div> 

Answer 2

設置以像素爲單位劃分的高度，並添加此：

div 
{ 
    height:100px; // your height 
    width:100px; 
    top:50%; 
    margin-top:-50px; // half of your height 
    position:fixed; 
} 

無需填充或其他任何東西。