弹性方向：列；不能在 IE 和 Edge 中工作答案

【问题标题】：Flex-direction: column; not working in IE and Edge弹性方向：列；不能在 IE 和 Edge 中工作
【发布时间】：2018-01-08 16:35:43
【问题描述】：

我有一个使用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;
}

【问题讨论】：

很酷，您已经解决了您的问题，但您的问题现在对其他人来说毫无用处，因为您的网站链接现在不再显示您的问题。以后请粘贴最少的代码来重现您的问题，而不是网站链接。
@VadimOvchinnikov 是的，我知道！正如我所解释的，我无法弄清楚如何只用最少的代码来重现问题，问题来自框架的 css。

标签： html css internet-explorer flexbox microsoft-edge

【解决方案1】：

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

【讨论】：