## Col 列
列布局
* 使用`row`在水平方向创建一行
* 将一组`col`插入在`row`中
* 在每个`col`中,键入自己的内容
* 通过设置`col`的`span`参数,指定跨越的范围,其范围是1到24
* 每个`row`中的`col`总和应该为24
![](https://img.kancloud.cn/d7/ed/d7eddebc85e44c25692803218dc06f47_1892x131.png)
### 代码示例
```html
<cvu-row type="flex" :gutter="10" :align="middle">
<cvu-col :span="12"></cvu-col>
<cvu-col :span="12"></cvu-col>
</cvu-row>
```
### props
参数 | 类型 | 描述 | 默认 | 可选值 | 必选
---- | ---- | ---- | ---- | ---- | ----
span | Number \| String | 栅格的占位格数 | 24 | 0~24的整数,为 0 时,相当于display:none | 是
flex | Number / String | flex布局属性 | | 否
- 介绍
- 安装
- 快速上手
- 组件
- 基础
- Button 按钮
- ButtonGroup 按钮组
- 布局
- Card 卡片
- Col 列
- Collapse 折叠面板
- Divider 分割线
- Empty 空数据
- Row 行
- 导航
- Paginator 分页
- PaginatorMini 分页
- Tab 标签页
- 表单
- Cascader 级联选择
- PasswordStrength 密码强度
- Print 局部打印
- Table 表格
- Upload 文件上传
- 视图
- Calendar 日历
- Drawer 抽屉
- Loading 加载
- Message 全局提示
- Modal 对话框
- Notification 通知菜单
- Poptip 气泡提示
- Preview 图片预览
- PreviewPdf pdf文件预览
- Tooltip 文字提示
- Tree 树形控件
- 方法
- Copy 复制到剪贴板
- DescNotice 桌面消息通知
- Html2Pdf 导出pdf
- Storage 定时存储
- 其他
- BackTop 返回顶部
- NumberScroll 数字动画
- NumberZero 数字前补零
- Spin 局部加载
- Tcplayer 播放器