el-container

el-container是一个布局容器组件，用于创建页面布局。它可以包含el-header、el-aside、el-main和el-footer这四个子组件，或者是自身的嵌套。\[1\]这五个组件采用了flex布局，并且在使用前需要确认目标浏览器是否兼容。\[1\]el-container的子元素只能是后四个组件或者是自身，而后四个组件的父元素也只能是el-container。\[1\]当el-container的子元素中包含el-header或者el-footer时，排列方式为垂直；如果没有el-header或者el-footer，排列方式为水平。\[2\]通过el-container的direction属性可以设置内部子元素的排列方式为垂直或者水平。\[2\]因此，我们可以使用容器的嵌套来实现不同的布局方式。例如，我们可以在外层容器中包含el-header或者el-footer，这样内部就是垂直排列的；然后在内部的外层容器(el-container)中不包含el-header或者el-footer，这样就实现了水平排列的布局。\[2\]在使用容器组件的嵌套时，可以根据需要设置各个容器的属性，如el-header的高度、el-aside的宽度和el-footer的高度等。\[2\]
#### 引用[.reference_title]
- *1* *2* [container布局容器 [ElementUI]](https://blog.csdn.net/m0_57001006/article/details/125840494)[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 ]