flex-shrink:0
时间: 2023-10-24 20:31:06 浏览: 79
flex-shrink:0是一个CSS属性,用于指定一个flex项目在容器中收缩的能力。当设置为0时,表示该项目不会被收缩,即使容器空间不够时也不会缩小该项目的尺寸。 这意味着如果容器的空间不足以容纳所有的flex项目,那些设置了flex-shrink:0的项目将保持原始的尺寸,而其他项目将根据其在flex容器中的比例进行收缩以适应剩余空间的分配。 这种属性设置可以用于确保某些特定的项目在空间有限的情况下不会被压缩,从而保持其可视性或功能的完整性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [flex布局属性详解](https://blog.csdn.net/qq_41864575/article/details/97915741)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [flex 的 三个参数:flex-grow、flex-shrink、flex-basis](https://blog.csdn.net/qq_52855464/article/details/126242117)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]