html – 需要帮助CSS以绝对定位为中心

我从来没有完全满意我的各种解决方案,将内容集中在网页中. <中心>标签已经在18世纪中叶被弃用,但我没有看到合理的选择.具体来说,我想要的是一个以父母为中心的DIV,但是对于左上角我可以设置“绝对”的东西.

有没有办法完成这个没有使用window.onresize javascript来重新测试一切？它似乎是一个相当直接的想法…我想要的东西绝对定位,我只是想要0,0坐标相对于浏览器窗口的左上角以外的东西.

现在,我做的是设置一个div,将其内容和内容围绕相对定位,但这是非常令人讨厌的,因为相对的对象以不完全不需要的方式相互推动.

任何和所有的想法对此非常感激.

解决方法

这是你想要的 ？

<div style=" position: absolute;
             display: inline-block;
             top: 20%;
             bottom: 20%;
             right: 20%;
             left: 20%;
             background-color: #434154;
             text-align: center;">
    <div style="display: inline-block;
                height: 100%;
                vertical-align: middle;"></div>
    <div style="position: relative;
                color: #FFFFFF;
                background-color: #546354;
                display: inline-block;
                vertical-align: middle;">
               THIS IS CENTERED WITHOUT SCRIPTING :D
    </div>
</div>