杂谈之flex布局

到了flex布局反而不知道该怎么写了,因为之前做的react native项目就是用flex布局,flex布局不算新手了。想了再想觉得网上的教程应该比我说的更详尽,就简单复制几个以前的学习链接,先参考这些链接学习吧,我也仔细想想能写些什么,有合适的东西了在补充。

中文文档 http://reactnative.cn/docs/0.31/layout-with-flexbox.html#content

A Complete Guide to Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/

flex布局语法 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

flex例子 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

lex布局的关键点在于理解水平轴和竖直轴。1、flex-direction决定了主轴是水平的还是垂直的,在react和react native中默认值不同前者是row后者是column;2、justify-content决定了在主轴方向上的排列方式;3、align-items决定了沿次轴的排列方式。其他的就多练习吧,熟能生巧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值