1.左中右布局/左右布局
1)通过浮动进行布局，用clearfix消除bug
图1
2.水平居中
1）内联元素水平居中（父元素添加text-align:center进行水平居中）
图2
2)块级元素水平居中（margin-left和margin-right设置为auto）
图3
3.垂直居中
1)内联元素垂直居中(在内联元素的父元素中添加line-height,且行高与字体相比大一点。
图4
2)块级元素垂直居中(top为父元素高度的一半)
图5
4.多个块级元素水平居中（使每个块级元素的display设置为 inline-block，然后将它们的父元素的text-align设置为center）
图6
