我正在尝试对齐此页面上的文字:https://m.omegarealm.tk/(具体是移动子域名)
垂直于屏幕顶部红色条的中心。我正在寻找的结果是“测试”这个词在导航栏(红色条)的中心垂直对齐。
您可以在此处查看应用于该页面的CSS:https://assets.omegarealm.tk/mobile.css
编辑:不要担心CSS缩进,它被cloudflare压缩。在服务器上它缩进
答案 0 :(得分:0)
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
div{
position: relative;
background: #f00;
padding: 25px;
}
div p {
position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
<div>
<p>Text</p>
</div>