以下是我的菜单结构：
<ul>
<li> menu 1</li>
<li> menu 2<br/> description</li>
<li> menu 3</li>
<li> menu 4</li>
</ul>
如您所见，第二个菜单的高度不同于其他同级菜单，这是因为它的内容
所以看看css
ul{
display:flex;
flex-direction:row;
flex-wrap: nowrap;
}
ul>li{
background-color:blue;
border:2px solid red;
}
这将显示ul作为菜单，并排在包含其父对象“ ul”的中心，但不幸的是其高度不同，
因此我如何使用flexbox使子代拥有其父代的100％，而无需在像素中添加自定义高度？
放在align-self: stretchul> li上。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句