当前位置: 首页 > 后端技术 > PHP

css中如何让一个div水平垂直居中

时间:2023-03-29 14:23:15 PHP

方案1绝对定位div水平垂直居中【margin:auto实现绝对定位元素居中】,兼容性:IE7及之前版本不支持解决方案2的绝对定位div水平垂直居中【margin负间距】这大概是最流行的使用方式了。方案3div绝对定位水平垂直居中【Transforms变形】兼容性:IE8不支持;方案4css可变宽高水平垂直居中方案5将父框设置为table-cell元素,可以使用text-align:center和vertical-align:middle实现水平和垂直居中。更完美的方案是使用三层结构来模拟父子结构方案。六对子框可以实现绝对定位,用calc计算位置。更多技术资料请关注:gzitcast