导读 关于element框架,element框架作用这个很多人还不知道,今天小柳来为大家解答以上的问题,现在让我们一起来看看吧!

关于element框架,element框架作用这个很多人还不知道,今天小柳来为大家解答以上的问题,现在让我们一起来看看吧!

element框架 element框架作用element框架 element框架作用


1、(1)el-row和el-col配合使用 这个el-row定义的就是一行,然后这行被分为24列,这24列被el-col分配,配置里面的:span属性就可以分配这一行空间了。

2、 1.1:列与列之间的间距可以在el-row中绑定:gutter来设定,:gutter绑定的是px 1.2:列的偏移量:el-col中绑定::offset=""来设置,绑定的是栏数 1.3 :对齐方式(left,center,right) 设置el-row中的属性type,justify设置不同的对齐方式(start(左), center(中), end(右), space-between(列之间中间平均分配), space-around(整行平均列之间全部平均分配) ) 补充:xs、sm、md、lg和xl,至此的不同屏幕大小下的响应式布局。

3、 (1)会使用el-container,el-main,el-aside,el-header,el-footer来快速布局 el-main,el-aside(有width属性),el-header(height属性),el-footer(height属性)必须要在el-container里面 。

本文到这结束,希望上面文章对大家有所帮助。