css 垂直居中

1. 行内元素

		text-align:center;
		line-height: 父盒子的高度;

2. 定位元素

2.1  知道盒子本身宽高

		position：absolute；
        top：50%；
        left：50%；
        margin：-50px 0 0 -50px；
        width：100px；
        height：100px；

2.2 不知道盒子本身宽高（但存在兼容性问题）

		position：absolute；
        top：50%；
        left：50%；
        transform：translate（-50%，-50%）
        width：100px；
        height：100px；

2.3 不知道盒子宽高，比较实用

		position：absolute；
        top：0；
        left：0；
        right：0；
        bottom：0；
        margin：auto；
        width：100px；
        height：100px；

3. flex布局

		display: flex;
	  	justify-content: center;
	  	align-items: center;