父盒子是position:relative

div盒子水平垂直居中的方法推荐-LMLPHP

方法一:(宽高确定)

div绝对定位水平垂直居中【margin 负间距】,

div盒子水平垂直居中的方法推荐-LMLPHP

方法二: (宽高确定)

div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】,

兼容性:,IE7及之前版本不支持

div盒子水平垂直居中的方法推荐-LMLPHP

方法三:(宽高不定)

div绝对定位水平垂直居中【Transforms 变形】

兼容性:IE8不支持;

div盒子水平垂直居中的方法推荐-LMLPHP

方法四:(宽高不定)

flex布局(对父元素display:flex)

div盒子水平垂直居中的方法推荐-LMLPHP

方法五:

父盒子display: table-cell和子盒子display: inline-block(宽高不定)

div盒子水平垂直居中的方法推荐-LMLPHP

04-25 01:20
查看更多