css中怎么垂直居中div

CSS中如何垂直居中div元素？这是一个经常被提及的问题。下面总结几种方法：

1. 使用display:flex布局

.container{
    display:flex;
    align-items:center;
} 

2. 使用absolute定位和margin:auto

.container{
    position:relative;
}
.child{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin:auto;
} 

3. 配合line-height使用

.container{
    height:300px;
    line-height:300px;
}
.child{
    display:inline-block;
    vertical-align:middle;
} 

其中，方法一和方法二适用于已知高度的元素，方法三在容器高度已知的情况下也适用。

总结：以上三种方法是CSS中垂直居中div元素的常用方法，而且都比较简单易懂。需要注意的是，要根据实际情况运用不同的方法。