使用CSS将DIV垂直居中对齐的方法有很多种,但最常用的方法是使用CSS Flexbox布局。这种方法非常简单,只需要将父元素设置为display:flex,再设置alignitems:center和...
使用CSS将DIV垂直居中对齐的方法有很多种,但最常用的方法是使用CSS Flexbox布局。这种方法非常简单,只需要将父元素设置为display:flex,再设置align-items:center和justify-content:center即可。
下面是具体实现的代码:
css
.parent {
display: flex;
align-items: center;
justify-content: center;
}
<br>
.child {
/* 其他样式 */
}
css
.parent {
position: relative;
}
<br>
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}