css 垂直对齐中心Div元素

Posted 2021-05-13

<div class="center-contain">
    <div class="center-this"> Everything in this div will be centered in IE8 or greater</div>
</div>

 .center-contain{
    display:block;
    height: 300px;
    white-space: nowrap; /* prevents line-breaking */
    overflow: hidden; /* hides overflow */
}
.center-contain:after{
    content: '';
    display: inline-block;
    height: inherit;
    vertical-align: middle;
    width:0;
}
.center-contain > .center-this{
    display: inline-block;
    width:100%;
    white-space: normal; /* enables line-breaking */
}