小编Sar*_*h C的帖子

柔性柱中的等高柔性项目

我试图让它成为列中的列表项在列表中具有相同的高度.

这是我有的:

<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而不是列表来完成这个.不过,没有运气.

有线索吗?

html css css3 flexbox

6
推荐指数
2
解决办法
5594
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1