通過定位：

　　父級元素：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；

轉載于:https://www.cnblogs.com/yehongrun/p/9639570.html

總結

以上是生活随笔為你收集整理的div垂直水平居中经常使用的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。