查了好多资料,发现还是不全,干脆自己整理吧,至少保证在我的做法正确的,以免误导读者,也是给自己做个记录吧!
日期:2013-4-18 起源:
之前我们分析了,并且给出了一个,诉告大家如何建创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
起源:
文章结束给大家分享下程序员的一些笑话语录: 程序员打油诗
写字楼里写字间,写字间里程序员; 程序人员写程序,又拿程序换酒钱。 酒醒只在网上坐,酒醉还来网下眠; 酒醉酒醒日复日,网上网下年复年。 但愿老死电脑间,不愿鞠躬老板前; 奔驰宝马贵者趣,公交自行程序员。 别人笑我忒疯癫,我笑自己命太贱; 不见满街漂亮妹,哪个归得程序员。