[Web 前端] ??CSS篇之3. 如何保持浮层水平垂直居中

原文链接](http://www.cnblogs.com/yaliu/p/5190957.html) 

浮层水平垂直居中方法

（一）利用绝对定位与transform

 <div class="parent">　　<div class="children"></div></div>

　将父元素定位(relative)，子元素如下

　.children{　　　　position: absolute;　　　　top: 50%;　　　　left: 50%;　　　　-webkit-transform:translate(-50%,-50%);　　　　background: black;　}

 （二）利用flexbox

.parent{　　　　justify-content:center;　　　　align-items:center;　　　　display: -webkit-flex;　　}

[Web 前端] ??CSS篇之3. 如何保持浮层水平垂直居中

原文地址：https://www.cnblogs.com/0616--ataozhijia/p/9134834.html