inline-block 垂直居中布局(登陆框)

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_40292626/article/details/81483810
<div class="box">
    <div class="inner">123</div>
</div>
.box{
    width: 600px;
    height: 600px;
    border: 1px solid #ccc;
    text-align: center;
}
.inner{
    width: 200px;
    height: 200px;
    background: #902000;
    display: inline-block;
    vertical-align: middle;
}
.box:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
展开阅读全文

没有更多推荐了,返回首页