我正在使用flexbox来布局页面,因为不断增长的行为很有用。但是我想完全防止收缩行为。
无论如何要解决这个问题?
示例代码:
<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-shrink: 0;
没有用,但是手动设置:flex-shrink: 1 0 auto;
很好用……