三⼤前端框架布局element-ui（1.布局）
最早的时候⽤过bootstrap，接着就是layui，再接着接触了Vue，然后就认识了element-ui，今天，想写⼀个系列的⽂章记录下我上⼀阶段学习element-ui的过程，⾸先先从布局开始。
⾸先，其实我接触的前端框架的布局⽅式，都特别的像，基本上你如果运⽤⼀个很熟练了，其他的⼀点就通。
（1）el-row和el-col配合使⽤
这个el-row定义的就是⼀⾏，然后这⾏被分为24列，这24列被el-col分配，配置⾥⾯的:span属性就可以分配这⼀⾏空间了。
el-row el-col
1.1：列与列之间的间距可以在el-row中绑定：gutter来设定，：gutter绑定的是px
：gutter
1.2：列的偏移量：el-col中绑定：：offset=""来设置，绑定的是栏数
前端ui框架是什么意思:    offset
1.3 ：对齐⽅式(left,center,right)
设置el-row中的属性type，justify设置不同的对齐⽅式（start（左）, center（中）, end（右）, space-between（列之间中间平均分配）, space-around（整⾏平均列之间全部平均分配） ）
type，justify
space-between，space-around
补充：xs、sm、md、lg 和 xl，⾄此的不同屏幕⼤⼩下的响应式布局。
好了，以上了解的就是关于布局的全部内容了，下⾯在来补充⼀点⽤来构建后天管理系统的布局搭建
（1）会使⽤el-container,el-main,el-aside,el-header,el-footer来快速布局
el-main,el-aside（有width属性）,el-header（height属性）,el-footer（height属性）必须要在el-container⾥⾯
概要

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。