首先明确一下概念:left指的是子元素的leftmargin和父元素的leftpadding之间的距离。margin:auto表示自适应,浏览器自动计算translatex:关于x轴的坐标转换,当值为百分比时,是相对于自身宽高的。理解了以上三点,就可以基本理解各种垂直居中的方法1.top:0;bottom:0;left:0;right:0;margin:auto;这个方法的意思是先把子元素margin和父元素padding的距离设置为0,可以理解为子元素和父元素之间没有空隙,然后margin设置为auto,以及margin等于子元素到父元素的距离,也就是说子元素不是真正居中的意思,只是让子元素中间的内容居中,子元素和父元素由计算机自动计算(均分);注意这个方法需要和子元素position:absolute一起使用,因为默认margin:auto只对上下起作用,对左右不起作用,加上position使元素脱离标准流,margin:auto可以识别
