display：flex

display: flex是CSS中的一个属性，用于创建弹性布局。使用该属性可以将元素放置在一个水平或垂直的弹性容器中，实现灵活的布局效果。该属性可以应用于容器元素或行内元素，并且得到了所有浏览器的支持。通过设置子元素的flex属性可以实现不同的布局效果，比如居中对齐、平均分配空间等。在HTML中，可以使用<div class="flex-container">来创建一个flex容器，然后在容器中放置子元素，通过设置容器的display:flex属性可以实现弹性布局。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [css display：flex详解](https://blog.csdn.net/weixin_42836226/article/details/102809084)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]