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

Posted Ferocious

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序 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水平垂直居中的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 view文字水平垂直居中

微信小程序文字水平垂直居中对齐问题

微信小程序常用的案例

微信小程序中如何实现view标签中的图片居中显示,或者view居中?

微信小程序:图片与文字无法居中 最后解决的方法是——

微信小程序常用样式汇总