小程序的垂直水平居中

问题描述

要实现水平/垂直居中，css设置

display: flex;
justify-content: center; //水平居中
align-items:center;  //垂直居中

样例

第二层是设置margin-left后的效果

代码

xml

    头像




  
      Sakura
  

css

.container-in{
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
  height: 80px;
 
}