display弹性布局分行
时间: 2023-08-29 14:05:21 浏览: 47
要让display弹性布局分行,可以使用flex-wrap属性。flex-wrap属性用于控制flex容器内的子元素是否换行。默认情况下,flex容器内的子元素会在一行上排列,如果想要让子元素分行显示,可以将flex-wrap属性设置为wrap。这样子元素会根据可用空间自动换行,以填满容器的宽度。例如,通过设置.flex-container的样式为“flex-wrap: wrap;”,就可以让.flex-container内的子元素分行显示。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [什么是弹性(display: flex)布局 ?](https://blog.csdn.net/weixin_41044151/article/details/114071215)[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_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]