iview-栅格

栅格

  • 采用了24栅格系统,将区域进行24等分
  • 使用row在水平方向创建一行 将一组col插入在row中 在每个col中,键入自己的内容
  • 通过设置col的span参数,指定跨越的范围,其范围是1到24 每个row中的col总和应该为24 水平排列的布局。
  • col必须放在row里面。

Col props

属性说明类型
span栅格的占位格数,可选值为0~24的整数,为 0 时,相当于display:noneNumber | String
order栅格的顺序,在flex布局模式下有效Number | String
offset栅格左侧的间隔格数,间隔内不可以有栅格Number | String
push栅格向右移动格数Number | String
pull栅格向左移动格数Number | String
class-name自定义的class名称String
xs<768px 响应式栅格,可为栅格数或一个包含其他属性的对象Number | Object
sm≥768px 响应式栅格,可为栅格数或一个包含其他属性的对象Number | Object
md≥992px 响应式栅格,可为栅格数或一个包含其他属性的对象Number | Object
lg≥1200px 响应式栅格,可为栅格数或一个包含其他属性的对象Number | Object
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值