flex布局自动黄行

flex布局自动换行的属性是flex-wrap。它有以下几个属性值：nowrap、wrap、wrap-reverse。默认情况下，flex容器的子元素会在一行内尽量排列，如果一行放不下，会自动缩小子元素的大小，以适应容器的宽度。而当设置了flex-wrap属性为wrap时，子元素会根据容器的宽度自动换行。即当一行放不下时，子元素会自动换行到下一行。而设置flex-wrap为wrap-reverse时，子元素会按反向的顺序从底部开始排列。

例如，当flex容器的宽度固定，子元素的宽度超过容器宽度时，设置flex-wrap为wrap，则子元素会自动换行以适应容器的宽度，而不会被挤压或溢出容器。

这样的布局特性使得flex布局在响应式设计中非常有用，可以方便地实现自适应布局。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [HTML详解连载（8）](https://blog.csdn.net/weixin_74888502/article/details/132256684)[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: 100%"]
[ .reference_list ]