css垂直居中

文章来自：源码在线https://www.shengli.me/css/141.html

html文件：

css样式：

1、table-cell

兼容IE8以及IE8+、火狐、谷歌、而且content是否有宽高都可以显示

比如：box2代码如下都能实现这种效果

效果如下：

2、display:flex;

此方法不兼容IE8、IE9

效果图如下：

3、绝对定位和负边距

此方法content必须有宽高

4、绝对定位和0

该方法兼容IE8+、火狐、谷歌

5、绝对定位和transform 此方法不兼容IE8，并且content是否有宽高都可以。