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

时间：2017-11-13 13:52:39 阅读：220 评论：0 收藏：0 [点我收藏+]

标签：lib white float div hit htm mil his length

普通佈局思維：
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普通佈局

标签：lib white float div hit htm mil his length

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

踩

(0)

评论一句话评论（0）