div盒子水平垂直居中的方法推荐
Posted front-endwebdevelopment
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div盒子水平垂直居中的方法推荐相关的知识，希望对你有一定的参考价值。
父盒子是position:relative
方法一：（宽高确定）
div绝对定位水平垂直居中【margin 负间距】，
方法二： （宽高确定）
div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】，
兼容性：,IE7及之前版本不支持
方法三：（宽高不定）
div绝对定位水平垂直居中【Transforms 变形】
兼容性：IE8不支持；
方法四：(宽高不定)
flex布局（对父元素display：flex）
方法五：
父盒子display: table-cell和子盒子display: inline-block（宽高不定）
以上是关于div盒子水平垂直居中的方法推荐的主要内容，如果未能解决你的问题，请参考以下文章