垂直居中效果不一致

[linjiaqin12138]

第二章“垂直居中”的第四个小节“单个块级元素”的第三点“使用flex实现”中

#parent{
    display: flex;
    align-items: center;
}

//或

#parent{display: flex;}
.son{align-self: center;}

效果如下

#parent{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

效果如下

效果不一致，后者才是正确的

[linjiaqin12138]

Edge浏览器