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