Html 当对象的大小由屏幕大小的%定义时,如何绝对居中对象

Html 当对象的大小由屏幕大小的%定义时,如何绝对居中对象,html,css,Html,Css,我有根据屏幕大小调整大小的div。在旧版本的网站上,我用特定的像素大小来调整它们的大小。我重新制作了它,这样它在所有屏幕尺寸上都会很好看,但我无法将它们直接放在中间。我知道左边距和顶部距的技巧,但这只适用于设定的像素大小。有人能帮我吗?你可以使用 div { width:50%; height:25%; position: absolute; transform: translateX(-50%) translateY(-5

我有根据屏幕大小调整大小的div。在旧版本的网站上,我用特定的像素大小来调整它们的大小。我重新制作了它,这样它在所有屏幕尺寸上都会很好看,但我无法将它们直接放在中间。我知道左边距和顶部距的技巧,但这只适用于设定的像素大小。有人能帮我吗?

你可以使用

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

您尝试过中提到的方法吗?谢谢,效果非常好@摄影师:欢迎您: