display:flex;怎么用

display: flex是一种CSS属性，用于创建一个弹性盒子容器。它可以让容器内的子元素按照一定的规则进行布局。\[1\]

要使用display: flex，首先需要将其应用于一个容器元素。例如，可以在容器的CSS样式中添加display: flex;来启用弹性布局。\[2\]

在使用display: flex时，还可以使用其他一些属性来控制布局，例如flex-direction、flex-wrap、align-content、justify-content和align-items等。这些属性可以用来指定子元素的排列方向、换行方式、对齐方式等。\[1\]

总结起来，使用display: flex可以创建一个弹性盒子容器，并通过其他属性来控制子元素的布局。\[1\]
#### 引用[.reference_title]
- *1* [[实用]CSS3 display:flex 使用指南](https://blog.csdn.net/qq_29023593/article/details/123219048)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [display:flex 使用实例](https://blog.csdn.net/liuyan55/article/details/86913371)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [display: block和display: flex一块用出现的问题](https://blog.csdn.net/qq_42890921/article/details/129099809)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]