flex+margin打开你的新大陆

大家在最初学习CSS的时候想必对flex,margin已经很熟悉了，但是flex+margin能给你意想不到的结果,它能大大简化我们的布局。

举个例子：

如果我们要想实现一个元素水平垂直居中，以前是这样做的给父元素设置display:flex,justify-content:center,aligin-content:center。使用margin+flex.你只需要在子元素里面设置margin:auto。

在弹性盒子里面设置margin:aoto的意思是吃掉元素剩余的空间。假设设置margin-left:aoto就是吃掉它左边的剩余空间，同理其它边也是一样。

这里就是各吃掉一半，所以就水平居中了。

这种复杂的布局