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

发布时间：2020-12-14 19:34:51 所属栏目：资源来源：网络整理

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

我从来没有完全满意我的各种解决方案,将内容集中在网页中. <中心>标签已经在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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!