css div宽高度为百分比内容水平居中，中部居中

1、 中部居中直接在父级加上这几句：

   display: flex;

   align-items: center;

   justify-content: center;

2、水平居中直接在父级加上这几句：

   display: flex;

   align-items: center;

3、上面这些兼容移动端很完美，PC端恐怕有点问题。不过也是有解决办法滴  0-0

4、直接把父级设为  相对定位：position:relative;    子级设为绝对定位：position:absolute;    然后子级设为：left:50%;top:50%;margin-left:子级宽度的负一半；margin-top:子级高度的负一半;   就可以啦，完美兼容所有浏览器.....