css3垂直居中两种通用写法（未知宽高）

1.单模块的垂直居中写法：（不确定内部模块宽高的情况）:不管宽度怎么变化，居中的样式是不变的。

.juzhong{
position:absolute;
top 50%;
left 50%
transform: translate(-50%, -50%);
}

2.多模块的垂直居中：（每个内部模块的宽度高度都不相同）

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

图：