使用flex的方法(2)

刚使用flex完成了一个简单的头部布局。很激动啊。有空再讲述过程

__________________________________

更新一下昨天用到的flex技术。

关于flex:




一、解决的是margin出现不能重叠。原因就是在块级中使用了flex,解决的方法是加入display: block,就可以使用margin了。



二、进行元素的布局时,使用的是align-self: center,将元素都以中间线为基准进行了排序。

这里感触非常深的一点,一定要灵活,知道你要去做什么,动哪里,是什么元素,该怎么布局。就是这样。

参考:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值