在菜单中分发p：menuitem列表 - safari

Question

我使用以下CSS在p：menubar中水平分发p：menuitem列表。它完全适用于chrome和firefox，但不适用于Safari：p：menuitem列表是垂直分布的。

有关如何在Safari中使用的任何建议吗？ 感谢

div.menu{
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
}
.menu div.ui-menubar {
    text-align: center;
}
.menu .ui-menu-list{
    font-size: larger;
    font-style: italic;
    width:100%;
    display: inline-flex;
}
div.menu>ul.ui-menu-list>li>a{
    width: 100%;
}
div.menu>ul.ui-menu-list>li{
    width: 100%;
}
.ui-menuitem-text{
    float: none!important;
}