无论分辨率如何，都将div元素与垂直居中的内容对齐

Question

我有一个应用程序，其中我遇到了div元素。

我有div的内容，其中包含许多div，span和一些img标签。

无论屏幕分辨率和浏览器如何，我都需要垂直居中div元素的内容。

我试过这样的事：

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

这适用于我的所有浏览器（FF，IE，CHROME，SAFARI）。

然而，这不适用于我的朋友电脑，其显示器不是宽屏显示器。

请建议我使用任何类型的决议理想的CSS。

编辑：my content包含div，其中一些是水平对齐的，其中一些是彼此相邻的。

谢谢，

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;
}

无需填充或其他任何内容。