css基础的知识看完后，我们就要学习如何布局，这里详细的总结一下最近了解的布局方式。
一 单列水平居中
1.子元素为display:inline-block时，父元素只需设置text-align：center即可。
2,当子元素为块级元素,且有宽度width时，使用margin：0 auto;
3,采用绝对定位
二 两栏布局，采用一种最简单的，float+margin
三 两栏布局（比较简单的浮动方法）
四垂直居中
1.把文字包裹在一个inline-block元素中vertical-align middle，外部元素line-height等于高度height即可
2.采用绝对定位与相对定位
3.采用flex盒子布局,在父级元素上添加属性
作者：show_萧佩
链接：https://www.jianshu.com/p/f4c41f8cfb32