方法一：利用position：absolute的特性
- 其中margin-top: -50px。如果，不加这个，子div的顶部位于父div中间，如下图。注意，-50px是子div高度的二分之一
- 需要注意的是要将父级的postision设为relative，否则元素将不会相对于父级进行定位
- 该方法在pc中的兼容性很好
方法二：设置margin为auto
- 需要注意的是要将父级的postision设为relative，否则元素将不会相对于父级进行定位
- 兼容性：主流浏览器都支持，IE6不支持
方法三：display：table-cell
- table-cell属性是让标签元素以表格单元格的形式呈现，类似于td标签
- vertical-align是行内元素的一个属性，设置行内元素是以基线对齐还是中间对齐
- text-align设置后让元素在水平方位居中
- 兼容性：由于table-cell是css3的属性，兼容性上低版本的IE不支持该属性
方法四：transform
- 兼容性：IE9以下不支持transform，手机端上的支持比较好
方法五: flex
- flex在移动端的支持非常好，在pc端的兼容性还是差了点，所以这种方式是移动端的首选
版权声明：本文为qq_38253325原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。