• 125417

    文章

  • 803

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

for样式-关于靠左边对齐

服了这份高薪指南,涨多少你说了算>>

自动换行父下面的子组件使用display:inline-block; 靠左在父样式里面加flex-wrap:wrap;display:flex;

<view 父组件 设置总宽度 但是不要设置高度 flex-wrap:wrap;display:flex;>

  <view wx:for 父下面的子组件 设置每一个的宽度不要设置高度 display:inline-block; >

     <image></image>

     <text></text >

  </view>

</view>

< view class = 'myOrderdetail-sheshis1'>
< view class = 'movie-ccc' wx:for = "{{roomTag}}" wx:key >
< image class = 'movie-img' src = '{{item.icon}}' mode = 'aspectFit'></ image >
< text class = 'movie-text'> {{item.name}} </ text >
</ view >
</ view >
 
样式
.myOrderdetail-sheshis1 {
width: 690 rpx ;
text-align: center ;
background: #4b5664 ;
padding-top: 21 rpx ;
margin-left: 30 rpx ;
flex-wrap: wrap ;
display: flex ;
}
.movie-ccc {
width: 170 rpx ;
display: inline-block ;
margin-bottom: 10 rpx ;
}
 
.movie-img {
margin-left: 50 rpx ;
width: 64 rpx ;
height: 64 rpx ;
display: block ;
}
 
.movie-text {
font-size: 26 rpx ;
font-family: 100 rpx ;
color: #fff ;
width: 170 rpx ;
text-align: center ;
font-weight: bold ;
}

695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客