当前元素box,宽度为width,高度为height
注意:父元素设置position:relative;
// 左右居中
.box{
position:absolute;
left:calc(50% - width/2);
}
// 垂直居中
.box{
position:absolute;
top:calc(50% - height/2);
}
当前元素box,宽度为width,高度为height
注意:父元素设置position:relative;
// 左右居中
.box{
position:absolute;
left:calc(50% - width/2);
}
// 垂直居中
.box{
position:absolute;
top:calc(50% - height/2);
}
本文标题:响应式元素居中
本文链接:https://www.haomeiwen.com/subject/zkoixqtx.html
网友评论