首页 > 微信 > 详细

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

时间:2020-06-30 11:34:02      阅读:596      评论:0      收藏:0      [点我收藏+]

当 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水平垂直居中

原文:https://www.cnblogs.com/wolf-shuai/p/13212224.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!