css - 我可以使用 CSS Flexbox 删除列吗？

Question

当可用空间很小时，CSS flexbox 是否会以某种方式删除列（flex 项）——类似于 FooTable 提供的功能？

score 2 · Accepted Answer

0px如果需要，该元素将收紧。隐藏内容可以使用来处理overflow: hidden，但要注意这可能会在其他情况下产生问题。
检查以下代码段以查看结果：

.container {
    display: flex;
}

.child1, .child3 {
    flex: 1 0 50%;
}

.child2 {
    flex: 1;
    overflow: hidden;
}

<div class="container">
    <div class="child1">child1</div>
    <div class="child2">child2</div>
    <div class="child3">child3</div>
</div>

其他建议：

1 回答 1