收藏
回答

swiper-item中的图片如何进行居中显示?

如题。

回答关注问题邀请回答
收藏

4 个回答

  • 携企网络科技
    携企网络科技
    03-06

    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//设置高度

          })

        },

    03-06
    有用 3
    回复
  • 🌔
    🌔
    03-06
    display: flex;
    
     flex-direction: row;
    
     justify-content: center;
    
     align-items: center;
    
    03-06
    有用 1
    回复
  • 平凡
    平凡
    03-06
    登录吃鸡
    03-06
    有用 1
    回复
  • 飞扬妈妈
    飞扬妈妈
    1天前
    ∵丨
    1天前
    有用
    回复
登录 后发表内容
问题标签