gpt4 book ai didi

css - 防止 flexbox 收缩

转载 作者:数据小太阳 更新时间:2023-10-29 09:12:45 27 4
gpt4 key购买 nike

我正在使用 flexbox 来布局页面,因为 growing 行为很有用。但我想完全防止收缩行为。

无论如何要管理这个?

示例代码:

<div class="flex-vertical-container">
<div class="flex-box">
This one should grow but not shrink
</div>
<div></div>
<div></div>
</div>

CSS

.flex-vertical-container {
display: flex;
flex-direction: column;
}

.flex-box {
flex: 1;
}

最佳答案

尝试将 .flex-box 上的 flex-shrink 属性设置为 0

关于css - 防止 flexbox 收缩,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29157016/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com