如何防止柔性盒收缩？

Posted 2021-04-21

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何防止柔性盒收缩？相关的知识，希望对你有一定的参考价值。

我有两个flexbox，它们在高度变化时缩小，嵌套内容重叠。怎么预防这个？

答案

只需将flex-shrink:0添加到您的元素中，Flexbox就会停止缩小。

<div class="flx">
Some Content
</div>
<div class="flx">
Some Content
</div>
<style>
flx{
    display: flex;
    flex-shrink: 0;
}

以上是关于如何防止柔性盒收缩？的主要内容，如果未能解决你的问题，请参考以下文章