问答详情
源自:2-1 首页开发(上)

图片排版问题

https://img4.mukewang.com/5bf575790001bfc204130743.jpg

.pro-items{

  overflow: hidden;

  padding: 30rpx;

}

padding设置的 好像没用

提问者:qq_或初遇或诀别_0 2018-11-21 23:11

个回答

  • 慕斯卡7852342
    2018-11-22 10:29:46
    已采纳

    你设置完浮动,没有清除浮动

    <view class="pro-logo"> //左浮动

       <image src="{{item.proImg}}"/>

     </view>

     <view class="pro-body">//左浮动

       <view class="pro-tit">{{item.title}}</view>

       <text class="pro-con">{{item.proCon}}</text>

       <button open-type="contact">查看详情</button>

     </view>

     <view class="clear"></view>//清除浮动

    ----------------------

    .clear{display:block; height:0; overflow:hidden; clear:both;}


  • 慕移动9181930
    2022-03-26 22:42:46

    哈哈,看到这写法伤了bootstrap

  • 慕斯卡7852342
    2018-11-22 10:30:41

    图片要设置成块级元素display:block;