微信小程序> 微信小程序自动换行的实现

微信小程序自动换行的实现

浏览量:772 时间: 来源:灰暗角落里的琴
微信小程序中的自动换行,实现代码如下:

wxml:

 view class='header'服务类型/view  view class='ff_anniu'    view class='ff_item' wx:for='{{categorys}}' wx:key='{{index}}'      view class='ff_itemname sel {{activeIndex == index ? "sel" : ""}}' data-id='{{item.id}}' bindtap='binditem'{{item.name}}/view    /view  /view

wxss:

.ff_anniu{  width:100%;    display: flex;    /* flex-direction: row;  flex-wrap: true;   */      特别注意: 实测这里flex-flow 和 flex-direction / flex-wrap 是不一样的     flex-flow: row wrap;       align-content: space-around;  }
.ff_item{     box-sizing: border-box;    flex: 0 0 33.3333333333333%;    font-size: 30rpx;  color: #535353;  background-color: white;  padding: 20rpx;  text-align: center;    display: block; }



版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎