首页 > 微信 > 详细

微信小程序:Flex佈局VS普通佈局

时间:2017-11-13 13:09:31      阅读:292      评论:0      收藏:0      [点我收藏+]
普通佈局思維:
CSS:
  .cases-left,.cases-right{width:47%;float:left;margin-left:2%;}
Flex思維:
CSS:
  .cases{display:flex;flex-flow:row wrap;justify-content:space-around;}
 
普通動態寬度:
Html:
  <view style="width:{{vW}}" wx:for="{{view}}">{{item}}</view>
Js:
  vW = 1 / (view.length) * 100 + "%";
  this.setData({vW})
Flex動態寬度:
CSS:
  .vW{display:flex;flex-flow:row nowrap;justify-content:space-around;}

微信小程序:Flex佈局VS普通佈局

原文:http://www.cnblogs.com/mandongpiaoxue/p/7825542.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!