如何在屏幕尺寸的百分比定义尺寸时绝对居中对象

Question

我有根据屏幕大小调整大小的div。在网站的旧版本上，我使用特定像素大小调整它们的大小。我重新制作它以便在所有屏幕尺寸上看起来都很好，但是我在将它们直接放在中心时遇到了麻烦。我知道margin-left和margin-top技巧，但这只适用于设置的像素大小。任何人都可以帮我这个吗？

Answer 1

你可以使用

来居中div

    div {
        width:50%;
        height:25%;
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        left: 50%;    
       }

FIDDLE DEMO