CSS控制元素的在页面中水平、垂直居中

一、块级元素
1、水平居中：采用margin:0 auto;
2、水平、垂直都居中：采用绝对定位的方式，position:absolute; top:50%; left:50; margin:-高度值/2 0px 0px -宽度值/2; 父元素要设置 position:relative;

二、内联元素
1、水平居中：采用 text-align:center;
2、垂直居中：单行——采用line-height;
多行——采用模拟表格布局的属性，父容器需设置：dispaly:table;当前容器设置：display:table-cell; vertical-align:middle; text-align:center;