elementui的el-container
时间: 2023-10-30 21:56:26 浏览: 42
Element UI的el-container是一个装箱容器,它的子元素只能是el-header、el-aside、el-main和el-footer,而这些子元素的父元素也只能是el-container。\[1\]在使用Element UI编写页面时,el-container通常比div更方便使用。根据官方文档的示例代码,el-container的使用方式如下:
```html
<el-container>
<el-header>Header</el-header>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-main>Main</el-main>
</el-container>
</el-container>
```
在你提供的代码中,el-container被用作一个装箱容器,包含了el-row和el-col等子元素。这些子元素可以根据需要进行布局和排列。\[2\]\[3\]
#### 引用[.reference_title]
- *1* *3* [element-ui中el-container容器与div布局区分](https://blog.csdn.net/weixin_42636552/article/details/89157005)[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^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [解决element-ui中container容器布局的问题](https://blog.csdn.net/qq_36373873/article/details/93168238)[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^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]