收藏
回答

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

如题。

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

4 个回答

  • 携企共赢
    携企共赢
    2021-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//设置高度

          })

        },

    2021-03-06
    有用 3
    回复
  • less
    less
    2021-03-06
    display: flex;
    
     flex-direction: row;
    
     justify-content: center;
    
     align-items: center;
    
    2021-03-06
    有用 2
    回复
  • 小林
    小林
    发表于移动端
    2021-03-06
    登录吃鸡
    2021-03-06
    有用 1
    回复
  • 飞扬妈妈
    飞扬妈妈
    发表于移动端
    2021-07-28
    ∵丨
    2021-07-28
    有用
    回复
登录 后发表内容
问题标签