div垂直水平居中经常使用的方法

标签：自身   通过   使用   display   垂直   abs   orm   web   高度   

通过定位：

　　父级元素：position: relative;

　　子元素：

　　　　　　 position: absolute;  

　　　　　　top：50%；

　　　　　　left：50%；

　　　　　　transform: translate(-50%,-50%);  // 在不确定自身的高度时

　　　　　　margin: -100px 0 0 -200px;   //  确定自身的高度时，margin-top：负的自生高度一半；margin-left：负的自生宽度一半；

使用弹性盒子

　　父级元素：display: flex;

　　　　　　   align-items: center;

　　　　　　　justify-content: center;

使用 display: table-cell;

　　父级元素： display: table-cell;

　　　　　　　vertical-align: middle;

　　子元素：　margin：0 auto；

div垂直水平居中经常使用的方法

标签：自身   通过   使用   display   垂直   abs   orm   web   高度   

原文地址：https://www.cnblogs.com/yehongrun/p/9639570.html