display: flex; flex-direction: column;

display: flex; flex-direction: column; 是CSS中用来创建弹性布局的属性。它将元素的子元素排列方式改为垂直方向，并且从上到下排列。

使用这个属性，父元素的子元素将按照列的方式排列，而不是默认的行排列。这意味着子元素将依次从上到下排列，而不是从左到右。

同时，flex-direction: column; 还可以与其他属性一起使用，比如 flex-wrap: wrap-reverse; 来定义子元素的多行排列方式。这个属性将子元素从底部开始逆向排列，并且自动换行。

总结起来，display: flex; flex-direction: column; 的作用是将元素的子元素按照垂直方向从上到下排列，并且可以通过其他属性来控制子元素的多行排列方式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [css系列-flex弹性盒子](https://blog.csdn.net/zqd_java/article/details/103837172)[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%"]
- *2* [Flex布局常见父项属性（一）- flex-direction](https://blog.csdn.net/JHY97/article/details/122313985)[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 ]