css实现上下左右垂直居中对齐的方式

1、使用flex布局

<div class="center-item">
<div> 居中块状</div>
</div>

.center-item{
 display:flex;
 align-items:center;
 justify-content:center;
}

2、

.content {
            width: 300px;
            height: 300px;
            position: absolute;
           content: '';
            top: 50%; /*偏移*/
            left:50%;
            transform: translate(-50%,-50%);
        }

先记录到这里后续补充