web蓝桥杯真题：用户名片

代码及注释：

body, .user-card{
  display: flex;     //使用felx布局
  justify-content: center;     //x轴垂直
  align-items: center;        //y轴垂直
}