CSS水平垂直居中的问题

问题一：使用transform并不能使某div垂直居中

原因：div或者其他元素本身的margin或padding没有清除会出现这种结果

*{
	margin：0
	padding：0
}

问题二：实现水平垂直居中有几种办法呢？

1. 文字实现水平垂直居中（行内元素实现居中也可以参考该方法）

text-align:center /*水平居中*/
line-height:元素的height/*垂直居中*/

2. 定位+transform

position：absolute
left：50%
top：50%
transform: translate(-50%,-50%)

3. 知道父元素的高度和宽度

margin-left:  ...
margin-top:  ...(计算一下)

4.padding

/*此时父元素高度！！不确定！！！，给父元素的padding上下设置为相等*/
padding-top:20px
padding-bottom:20px

5. 图片实现水平居中

img{
	display:block;
	margin:0 auto;
}