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