一、块级元素
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;