一、Container布局容器
|--作用：用于页面布局的组件，方便快速搭建页面的基础结构。
|--涉及到的组件：
|--el-container：外层容器，当子元素包含header和footer时，全部子元素会垂直上下排列，否则会水平左右排列。
|--el-header：顶栏容器
|--el-aside：侧边栏容器
|--el-main：主要区域容器
|--el-footer：底栏容器
|--需要注意：以上组件采用了 flex 布局，使用前请确定目标浏览器是否兼容。此外，<el-container> 的子元素只能是后四者，后四者的父元素也只能是 <el-container>。
|--示例：
基础页面布局
对应上面代码中三个布局
带有侧边栏布局
页面效果
header100%带侧边栏
布局效果
布局效果
布局效果
一、Container布局容器 |--作用：用于页面布局的组件，方便快速搭建页面的基础结构。 |--涉及到...
一、container布局容器 用于布局的容器组件，方便快速搭建页面的基本结构。
零基础前端自学入门：小程序UI容器组件 这是一节以UI布局、容器组件的使用为主题的live，专注于布局与容器这一个...
前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布...
前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布...
前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布...
前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布...
CSS布局解决方案（终结版） 前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又...
Android常用的基础布局容器 Android 的UI 可以分为两类，一类叫做ViewGroup容器,一类叫做V...
CSS布局的核心三要素：定位，浮动和外边距操纵。 一、计划布局 把页面划分为大得结构区域。容器，页眉，页脚，内容。...
本文标题：05.Element UI布局容器（搭建页面基础结构）
本文链接：https://www.haomeiwen.com/subject/ircpectx.html
网友评论