如何让div在父元素中垂直居中排列

元素居中

比较简单，只要把父元素当成一个flexbox，然后再设置align-items为center就可以了，同时设置flexbox的方向为column

例子如下

main {
    display: flex;
    align-items:center;
    font-family: "Noto Sans SC";
    flex-direction: column;
}