博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
属性页面Flexbox布局的简单演示之二
阅读量:6411 次
发布时间:2019-06-23

本文共 837 字,大约阅读时间需要 2 分钟。

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

    日期: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

    起源:

文章结束给大家分享下程序员的一些笑话语录: 程序员打油诗   

  写字楼里写字间,写字间里程序员;
  程序人员写程序,又拿程序换酒钱。
  酒醒只在网上坐,酒醉还来网下眠;
  酒醉酒醒日复日,网上网下年复年。
  但愿老死电脑间,不愿鞠躬老板前;
  奔驰宝马贵者趣,公交自行程序员。
  别人笑我忒疯癫,我笑自己命太贱;
  不见满街漂亮妹,哪个归得程序员。

转载地址:http://hezra.baihongyu.com/

你可能感兴趣的文章
Linux VFS
查看>>
ext不能选中复制属性_如何实现Extjs的grid单元格只让选择(即可以复制单元格内容)但是不让修改?...
查看>>
python中print的作用*8、不能+8_在 Python 3.x 中语句 print(*[1,2,3]) 不能正确执行。 (1.0分)_学小易找答案...
查看>>
python 生成html代码_使用Python Markdown 生成 html
查看>>
axure如何导出原件_Axure 教程:轻松导出图标字体所有图标
查看>>
laravel input值必须不等于0_框架不提供,动手造一个:Laravel表单验证自定义用法...
查看>>
cad填充图案乱理石_太快了吧!原来大神是这样用CAD图案填充的
查看>>
activator.createinstance 需要垃圾回收么_在垃圾回收器中有哪几种判断是否需要被回收的方法...
查看>>
rocketmq 消息指定_RocketMQ入坑系列(一)角色介绍及基本使用
查看>>
redis zset转set 反序列化失败_掌握好Redis的数据类型,面试心里有底了
查看>>
p图软件pⅰc_娱乐圈最塑料的夫妻,P图永远只P自己,太精彩了吧!
查看>>
jenkins 手动执行_Jenkins 入门
查看>>
怎么判断冠词用a还是an_葡语干货 | 葡萄牙语冠词用法整理大全
查看>>
js传参不是数字_JS的Reflect学习和应用
查看>>
三个不等_数学一轮复习05,从函数观点看方程与不等式,记住口诀与联系
查看>>
卡尺测量的最小范围_汽车维修工具-测量用具
查看>>
网优5g前景_5G网络优化师前景怎么样?
查看>>
竞态条件的赋值_[译] part25: golang Mutex互斥锁
查看>>
delmatch oracle_完美完全卸载(清除)oracle数据库的方式(方法)
查看>>
pyqt 滚动条 美化_Pyqt5 关于流式布局和滚动条的综合使用示例代码
查看>>