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

父盒子是position:relative

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

方法一:(宽高确定)

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

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

方法二: (宽高确定)

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

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

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

方法三:(宽高不定)

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

兼容性:IE8不支持;

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

方法四:(宽高不定)

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

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

方法五:

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

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

上一篇:解决ASP.NET MVC AllowAnonymous属性无效导致无法匿名访问控制器的问题


下一篇:如何将一个div水平垂直居中?6种方法做推荐