css如何将一个div水平垂直居中
1. 方案一div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】, 兼容性:,IE7及之前版本不支持 2. 方案二div绝对定位水平垂直居中【margin 负间距】 这或许是当前最流行的使用方法。 3. 方案三div绝对定位水平垂直居中【Transforms 变形】 兼容性:IE8不支持; 4. 方案四css不定宽高水平垂直居中 5. 方案五将父盒子设置为table-cell元素, 可以使用text-align:center和vertical-align:middle实现水平、垂直居中。 比较完美的解决方案是利用三层结构模拟父子结构
6. 方案六对子盒子实现绝对定位,利用calc计算位置
|