小程序 常用布局方法

//垂直居中对齐：
.parent{
  display: flex;
  justify-content: center;
  flex-direction:column;
  align-items: center;
}

//水平居中对齐
.parent{
  display: flex;
  justify-content: center;
  align-items: center;
}

//布局自动换行:（注意父布局不能是 不要设置成 flex）
.child{
  float: left;
}