属性页面Flexbox布局的简单演示之二

查了好多资料，发现还是不全，干脆自己整理吧，至少保证在我的做法正确的，以免误导读者，也是给自己做个记录吧！

    日期：2013-4-18  起源：GBin1.com

    

    之前我们分析了Flexbox的分析，并且给出了一个Flexbox的单简例子，诉告大家如何建创Flexbox并且单简的用利Flexbox来操控页面内素元的次序。在天今的文章中，我们续继分析Flexbox的一些其它的属性。

    除了序排外之，Flexbox还可以非常单简明了的定位页面素元的向方。Flex的项目当初可以一个接一个的次序竖着排列是用了flex-direction属性。这个属性可以设置轴主的向方。这个属性的赋值可以有四个：

    每日一道理
喜马拉雅直冲霄汉，可上面有攀爬者的旗帜；撒哈拉沙漠一望无垠，可里面有跋涉者的脚印；阿尔卑斯山壁立千仞，可其中有探险者的身影；雅鲁藏布江湍急浩荡，可其中有勇敢者的故事。

    

• row（默许的）   ：页面素元从左往右排列
• row-reverse       ：页面素元从右往左排列
• column              ： 页面素元从上向下排列
• column-reverse ： 页面素元从下向上排列

    同flex-direction类似的属性还有flex-wrap。这个是用来设置器容是一个单行的flexbox还是多行的。它有以下三个赋值：

    

• nowrap
• wrap
• wrap-reverse

    这两个属性可以用使flex-flow来设置，当用使flex-flow时，前面一个参数是flex-direction，前面参数是flex-wrap。例如：

.flex-container {

    

    ........

    

    via 极客标签

    起源：Flexbox布局的单简演示之二

文章结束给大家分享下程序员的一些笑话语录： 程序员打油诗 　　
　　写字楼里写字间，写字间里程序员;
　　程序人员写程序，又拿程序换酒钱。
　　酒醒只在网上坐，酒醉还来网下眠;
　　酒醉酒醒日复日，网上网下年复年。
　　但愿老死电脑间，不愿鞠躬老板前;
　　奔驰宝马贵者趣，公交自行程序员。
　　别人笑我忒疯癫，我笑自己命太贱;
　　不见满街漂亮妹，哪个归得程序员。