swiper-item中的图片如何进行居中显示?
发布于 4 年前 作者 juntan 7354 次浏览 来自 官方Issues

如题。

3 回复
display: flex;

 flex-direction: row;

 justify-content: center;

 align-items: center;

margin:0 auto;text-align:center;都可以居中吧!

垂直居中一般css用:vertical-align: middle;

自动识别图片尺寸用这个:

    imgHeight:function(e){

      var winWid = wx.getSystemInfoSync().windowWidth; //获取当前屏幕的宽度

      var imgh=e.detail.height;//图片高度

      var imgw=e.detail.width;//图片宽度

      var swiperH=winWid*imgh/imgw + “px”//等比设置swiper的高度。 即 屏幕宽度 / swiper高度 = 图片宽度 / 图片高度  ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度

      this.setData({

        Height:swiperH//设置高度

      })

    },

登录吃鸡

回到顶部