伸缩方向：列；在IE和Edge中无法正常工作

Question

我有一个菜单，其中的列表项目使用flexbox和垂直显示在列表中flex-direction:column。在IE和Edge之外的所有浏览器中，它都可以正常工作。

我尝试了将display flex添加到flex容器的技巧，但是它也不起作用。

有任何想法吗 ？

这是发生问题的网站：http : //lesdeuxvagues.com/demo

单击菜单中的加号按钮以查看问题

CSS：

ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

Answer 1

原来我只是通过添加display:block;到我的列表项来解决此问题。他们有一个display:table-cell可能导致此问题的基础框架！