flex-shrink: 1;
时间: 2023-10-24 12:04:02 浏览: 43
flex-shrink属性定义了项目的缩小比例,默认值为1。这意味着如果空间不足,该项目会缩小。 当设置为1时,表示项目将按照比例进行缩小,如果有多个项目都设置了相同的flex-shrink值为1,它们将按照相同的比例缩小。如果一个项目设置了flex-shrink为2,而其他项目设置为1,那么前者将以两倍的速度缩小。 通过调整flex-shrink的值,我们可以控制每个子级元素在空间不足时的缩小比例,从而实现自定义的布局效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [弹性盒中 flex详解及flex:1的用法解析](https://blog.csdn.net/Hr_ving/article/details/119425445)[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%"]
- *3* [Flex布局之flex:1](https://blog.csdn.net/J1756465965/article/details/129376727)[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 ]