html如何让弹窗居中,css实现⼀个垂直⽔平居中弹窗的三种⽅
式
⽅法⼀：
//遮罩层
.bg{
width:100%;
height:100%;
left:0;
top:0;
position:fixed;
background:rgba(0,0,0,0.3);
}
.point{
position:absolute;
left:50%;
top:50%;
}
.pop{
width:500px;
height:500px;
position:absolute;
left:-250px;
top:-250px;
border:2px solid red;
}
⽅法⼆：margin负边距法
.bg{
width:100%;
height:100%;
left:0;
top:0;
position:fixed;
background:rgba(0,0,0,0.3);
}
.pop{
width:500px;
height:500px;
position:absolute;
left:50%;
top:50%;
left:-250px;
top:-250px;
border:2px solid red;
html怎么让所有内容居中
}
⽅法三：transform属性
.bg{
width:100%;
height:100%;
left:0;
top:0;
position:fixed;
background:rgba(0,0,0,0.3);
}
.pop{
width:500px;
height:500px;
position:absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%); border:2px solid red;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。