概述
- 使用
row
在水平方向创建一行 - 一将组
col
插入在row
中 - 每个在
col
中,键入自己的内容 - 设置通过
col
的span
参数,指定跨越的范围,其范围是1到24 - 每个
row
中的col
总和应该为24 - 如下图这样
- 注意:非模板/渲染模式下,需使用
i-col
- 给通过
row
添加gutter
属性,给可以的下属col
添加间距 - 我这里给的col间距是30px
- 给通过
row
设置参数align
为不同的值,来定义子元素在垂直方向上的排布方式。在flex
模式下有效值。 - type="flex" justify="start"子元素向左排列
- type="flex" justify="end"子元素向右排列
- type="flex" justify="center"子元素居中排列
最后
以上就是笨笨水壶为你收集整理的iviewUI库 Col以及Row 组件用法的全部内容,希望文章能够帮你解决iviewUI库 Col以及Row 组件用法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复