我试图让它成为列中的列表项在列表中具有相同的高度.
这是我有的:
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
ol {
min-height: 100%;
display: flex;
flex-direction: column;
}
ol li {
flex: 1;
}
Run Code Online (Sandbox Code Playgroud)
我试过:我试图遵循这个教程:https://css-tricks.com/boxes-fill-height-dont-squish/无济于事.我认为麻烦与必须设置高度:100%到每个单个父元素一直到html.那可能是对的吗?
我的列表是深层嵌套的,并设置所有这些高度打破了布局.我宁愿只使用流体高度.
我也试过:用div而不是列表来完成这个.不过,没有运气.
有线索吗?