在不确定div宽高的情况下,我们可以使用css3
css3
#container{
position:relative;
}
#center{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
flex
#container{
display:flex;
justify-content:center;
align-items: center;
}
#center{
}
本文介绍了使用CSS3实现元素在未知宽高情况下的居中布局方法,包括使用position和transform属性,以及采用flex布局方式,使元素在容器中水平垂直居中。
1878





