flex布局代码及语法讲解

[{"title":"（ 50 个子文件 1.16MB ） flex布局代码及语法讲解","children":[{"title":"弹性布局和响应式图片","children":[{"title":"flex-wrap属性.html <span style='color:#111;'> 2.57KB </span>","children":null,"spread":false},{"title":"order属性.html <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"image","children":[{"title":"footer_line.png <span style='color:#111;'> 1007B </span>","children":null,"spread":false},{"title":"2.jpg <span style='color:#111;'> 71.06KB </span>","children":null,"spread":false},{"title":"phoneIcon.png <span style='color:#111;'> 1.77KB </span>","children":null,"spread":false},{"title":"10.jpg <span style='color:#111;'> 49.45KB </span>","children":null,"spread":false},{"title":"img6.gif <span style='color:#111;'> 3.04KB </span>","children":null,"spread":false},{"title":"f_wpr.png <span style='color:#111;'> 1.95KB </span>","children":null,"spread":false},{"title":"13.jpg <span style='color:#111;'> 42.37KB </span>","children":null,"spread":false},{"title":"14.jpg <span style='color:#111;'> 43.91KB </span>","children":null,"spread":false},{"title":"6.jpg <span style='color:#111;'> 14.77KB </span>","children":null,"spread":false},{"title":"15.jpg <span style='color:#111;'> 14.36KB </span>","children":null,"spread":false},{"title":"16.jpg <span style='color:#111;'> 41.10KB </span>","children":null,"spread":false},{"title":"img2.jpg <span style='color:#111;'> 6.30KB </span>","children":null,"spread":false},{"title":"1.jpg <span style='color:#111;'> 101.91KB </span>","children":null,"spread":false},{"title":"img5.jpg <span style='color:#111;'> 5.41KB </span>","children":null,"spread":false},{"title":"f_app_ecode.png <span style='color:#111;'> 7.74KB </span>","children":null,"spread":false},{"title":"12.jpg <span style='color:#111;'> 37.63KB </span>","children":null,"spread":false},{"title":"img4.jpg <span style='color:#111;'> 4.39KB </span>","children":null,"spread":false},{"title":"5.jpg <span style='color:#111;'> 29.63KB </span>","children":null,"spread":false},{"title":"img1.jpg <span style='color:#111;'> 12.27KB </span>","children":null,"spread":false},{"title":"img7.jpg <span style='color:#111;'> 30.97KB </span>","children":null,"spread":false},{"title":"img3.jpg <span style='color:#111;'> 12.40KB </span>","children":null,"spread":false},{"title":"img8.jpg <span style='color:#111;'> 27.91KB </span>","children":null,"spread":false},{"title":"f_wpr_h.png <span style='color:#111;'> 3.32KB </span>","children":null,"spread":false},{"title":"logoMsg.png <span style='color:#111;'> 4.49KB </span>","children":null,"spread":false},{"title":"8.jpg <span style='color:#111;'> 48.20KB </span>","children":null,"spread":false},{"title":"11.jpg <span style='color:#111;'> 14.77KB </span>","children":null,"spread":false},{"title":"f_wx.png <span style='color:#111;'> 1.84KB </span>","children":null,"spread":false},{"title":"bannerbg.png <span style='color:#111;'> 42.49KB </span>","children":null,"spread":false},{"title":"f_wpr_ecode.png <span style='color:#111;'> 10.43KB </span>","children":null,"spread":false},{"title":"3.jpg <span style='color:#111;'> 75.05KB </span>","children":null,"spread":false},{"title":"7.jpg <span style='color:#111;'> 49.45KB </span>","children":null,"spread":false},{"title":"5.1.jpg <span style='color:#111;'> 51.00KB </span>","children":null,"spread":false},{"title":"f_wx_h.png <span style='color:#111;'> 1.96KB </span>","children":null,"spread":false},{"title":"ad1.jpg <span style='color:#111;'> 36.63KB </span>","children":null,"spread":false},{"title":"9.jpg <span style='color:#111;'> 19.46KB </span>","children":null,"spread":false},{"title":"footer_logo.png <span style='color:#111;'> 5.91KB </span>","children":null,"spread":false},{"title":"4.jpg <span style='color:#111;'> 87.50KB </span>","children":null,"spread":false},{"title":"img9.jpg <span style='color:#111;'> 6.03KB </span>","children":null,"spread":false}],"spread":false},{"title":"js","children":null,"spread":false},{"title":"Flex 布局教程：语法篇.docx <span style='color:#111;'> 205.82KB </span>","children":null,"spread":false},{"title":"flex-shrink.html <span style='color:#111;'> 1.63KB </span>","children":null,"spread":false},{"title":"Flex 布局教程：语法篇.md <span style='color:#111;'> 9.56KB </span>","children":null,"spread":false},{"title":"css","children":null,"spread":false},{"title":"flex-grow属性.html <span style='color:#111;'> 1.40KB </span>","children":null,"spread":false},{"title":"align-items属性.html <span style='color:#111;'> 2.65KB </span>","children":null,"spread":false},{"title":"align-content属性.html <span style='color:#111;'> 1.53KB </span>","children":null,"spread":false},{"title":"flex-direction属性.html <span style='color:#111;'> 1.97KB </span>","children":null,"spread":false},{"title":"flex-flow.html <span style='color:#111;'> 942B </span>","children":null,"spread":false},{"title":".project <span style='color:#111;'> 992B </span>","children":null,"spread":false},{"title":"justify-content.html <span style='color:#111;'> 3.03KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]