flex-direction：导航行仅在我将nav设置为display：inline-block时才有效

Question

nav{
background: grey;
display:-webkit-flex;
-webkit-flex-direction: row;
}

nav li{
list-style: none;
}

flex-direction：row仅在我添加display：inline-block inside nav li {}时才有效。我知道因为-webkit-flex-direction：row-reverse;工作中。但是其他属性如proty-content：space-between;不工作。

相反，如果我删除display：inline-block inside nav li {}，那么只有flex-direction：列正在工作。问题是什么？ HTML目标：

       <nav>
            <ul>
                <li><a href="#about">About</a><li>
                <li><a href="#skills">Skills</a></li>
                <li><a href="#education">Education</a></li>
                <li><a href="#experience">Experience</a></li>   
                <li><a href="#portfolio">Portfolio</a></li>
            </ul>
        </nav>

Answer 1

它只会让你觉得它有效。

在<nav>级设置的Flex会使<ul>成为弹性项，并且不会影响<li>元素。

您希望Flex容器为<ul>。