使用flex的方法(2)

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

__________________________________

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

关于flex:

使用flex的方法(2)_第1张图片

使用flex的方法(2)_第2张图片


一、解决的是margin出现不能重叠。原因就是在块级中使用了flex,解决的方法是加入display: block,就可以使用margin了。使用flex的方法(2)_第3张图片



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

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

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


你可能感兴趣的:(感悟)