微信小程序 view中的image水平垂直居中

当 display: flex 配合 justify-content: center 使用时可以让view水平居中

而配合 align-items: center 用时可以实现垂直居中效果

 

.card-image-container{
  width: 40%;
  height: 90%;
  align-items: center;  /** 垂直居中*/
  display: flex;
  justify-content: center;   /** flex 属性, 水平居中**/
}
样式在view中写是哪个就可以实现效果

微信小程序 view中的image水平垂直居中

上一篇:小程序去除button默认样式


下一篇:一个小程序账号只能发布一个小程序