Question

我有一个菜单，列表项目使用flexbox和flex-direction:column显示在垂直列表中。除了IE和Edge之外，它在所有浏览器中都运行良好。

我尝试过在Flex容器中添加display flex等技巧，但它也不起作用。

有什么想法吗？

以下是发生问题的网站：https://github.com/Azure/azure-functions-durable-extension

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

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可能导致了这个问题！

弯曲方向：柱;不在IE和Edge中工作

1 个答案: