css如何垂直居中元素？
导读：垂直居中-使用position和transform 除了使用padding和line-height属性外,我们还可以使用transform属性来设置垂直居中: 实例 .center { height: 200px;...
垂直居中-使用position和transform
除了使用padding和line-height属性外,我们还可以使用transform属性来设置垂直居中:
实例
.center {
height: 200px;
position: relative;
border: 3px solid green;
}
.center p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： css如何垂直居中元素？
本文地址： https://pptw.com/jishu/664057.html