layout 布局组件源码分享,主要从以下两个方面:
1、row 组件属性。
2、col 组件属性。
一、row 组件属性。
1.1 gutter 栅栏间隔,类型为 number,默认 0。



1.2 type 布局模式,可选 flex,现代浏览器下有效,类型为 string,无默认值。



1.3 justify flex 布局下的水平排列方式,类型为 string,可选值 start/end/center/space-around/space-between,默认 start。




1.4 align flex 布局下的垂直排列方式,类型为 string,可选值 top/middle/bottom,无默认值。



1.5 tag 自定义元素标签,类型为 string,默认 div。



二、col 组件属性。
2.1 span 栅格占据的列数,类型为 number,默认 24。




2.2 offset 栅格左侧的间隔格数,类型为 number,默认 0。




2.3 push 栅格向右移动格数,类型为 number,默认 0。




2.4 pull 栅格向左移动格数,类型为 number,默认 0。




2.5 xs <768px 响应式栅格数或者栅格属性对象,类型为 number/object (例如: {span: 4, offset: 4}),无默认值。


2.6 sm ≥768px 响应式栅格数或者栅格属性对象,类型为 number/object (例如: {span: 4, offset: 4}),无默认值。



2.7 md ≥992px 响应式栅格数或者栅格属性对象,类型为 number/object (例如: {span: 4, offset: 4}),无默认值。



2.8 lg ≥1200px 响应式栅格数或者栅格属性对象,类型为 number/object (例如: {span: 4, offset: 4}),无默认值。



2.9 xl ≥1920px 响应式栅格数或者栅格属性对象,类型为 number/object (例如: {span: 4, offset: 4}),无默认值。











![[操作系统] 学校课程关于“静态优先级抢占式调度“作业](https://i-blog.csdnimg.cn/direct/d581fc77a7cd4facaf6b320a97f7cb2b.png)









