記錄一個flex在使用align-items垂直居中不生效的問題

描述：

​ 首先查看自己的要垂直居中的元素是不是沒有設置高度，如果設置了高度再看一下你設置的高度的單位是px還是%

可能出現問題一

沒有設置高度

​ 沒有設置高度就在需要布局的地方設置高度即可，如果可以設置px就不用設置百分比。

可能出現的問題二

設置了高度但是是百分比

​ 如果設置了高度，並且高度設置的是百分比那就將下面的這3行代碼拷貝到你的頁面元素中，使html和body都有高度。

html,body{
    height: 100%;
}