如何用css做出 左右布局/左中右布局/水平居中/垂直居中
左右布局/左中右布局：
方法1：
设置每个块级元素的display属性为inline-block；再设置该元素vertical-align属性为top，给父元素加上text-align：center；
方法2：
给所有子元素添加浮动 float：left；给父元素添加clearfix类清除浮动。
水平居中：
内联元素水平居中：
将外部的块级元素的text-align设置为center，即可实现内联元素（inline、inline-block）的水平居中。
内联元素列表：
b, big, i, small, tt
abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
a, bdo, br, img, map, object, q, script, span, sub, sup
button, input, label, select, textarea
内联元素由字体和字体相关设计师设置参数有关。高度不可以控制。
块级元素高度由它内部文档流元素总和决定。
内联元素的margin属性只能控制左右边距
块级元素的水平居中：
将固定宽度的块级元素的margin-left和margin-right设置为auto，即可实现元素的水平居中
多个块级元素的水平居中：
将每个块级元素的display设置为inlin-block，然后将他们父容器的text-align设置为center，即可让多个块级元素水平居中
垂直居中：
内联元素垂直居中
设置内联元素的行高line-height和父元素的高度height相同，且内联元素的字体大小远小于行高，即可垂直居中
块级元素垂直居中
通过绝对定位元素距离顶部50%，并设置margin-top向上移动元素的一半，即可实现
