借助额外元素floater
css吧
全部回复
仅看楼主
level 11
狼黎殇83c 楼主
元素高度已知,在center元素外插入一个额外元素floater,设置floater的height为50%;margin-bottom为center元素高度的一半(height + padding) / 2。内容超过元素高度时需要设置overflow决定滚动条的出现。
与上面负marginTop方式原理相似,floater的下边界是包含框的中心线,负下外边界保证center的中心线与包含框中心线重合。
.floater{
height:50%;
margin-bottom:-100px;
}
.floater_center{
height:200px;
width:200px;
margin:auto;
}
2023年01月29日 01点01分 1
level 11
狼黎殇83c 楼主
优点:浏览器兼容性好,支持旧版本IE
缺点:需要额外元素,不支持响应式
2023年01月29日 01点01分 2
1