002_Container布局容器

1. Container布局容器

1.1. Container布局容器是用于布局的容器组件, 方便快速搭建页面的基本结构。

1.2. <el-container>外层容器。当子元素中包含<el-header>或<el-footer>时, 全部子元素会垂直上下排列, 否则会水平左右排列。

1.3. <el-header>顶栏容器。

1.4. <el-aside>侧边栏容器。

1.5. <el-main>主要区域容器。

1.6. <el-footer>底栏容器。

1.7. Container布局容器的组件采用了flex布局, 使用前请确定目标浏览器是否兼容。此外, <el-container>的子元素只能是后四者, 后四者的父元素也只能是<el-container>。

1.8. Container属性

参数	说明	类型	可选值	默认值
direction	子元素的排列方向	string	horizontal / vertical	子元素中有el-header或el-footer时为vertical, 否则为horizontal

1.9. Header属性

参数

说明