css - 将 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
{
    height:100px; // your height
    width:100px; 
    top:50%;
    margin-top:-50px; // half of your height
    position:fixed;
}

不需要填充或其他任何东西。

Answer 2

尝试：

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