水平垂直居中

第一种

通过display：inline-block；和vertical-align：middle；实现元素垂直居中的方法：
1、给他的父元素text-align:center;
2、先设置当前元素的元素类型设置为inline-block和vertical-align: middle;
3、给他添加vertical-align: middle; 让他实现垂直居中对齐；
4、添加“标尺”，也就是给他添加一个同辈的元素并且和你这个p标签之间是不能有空格和回车的，在给设置这个元素的类型为

    vertical-align:middle;
	width:0;
	height:100%;
	display:inline-block 

第二种

给父元素添加 display:table-cell,
图片本身写绝对定位position：absolute；
设置vertical-align:center;

第三种

父元素：position：relative；
图片本身：top；0；bottom：0；right：0；left：0；
margin： 0 auto：：

第四种

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