iview笔记-Grid

栅格Grid(默认被分为24格)布局

基础用法:水平排列,col放在row中flex

区块间隔:经过给row添加gutter属性,可给下属col增长间距spa

栅格顺序:经过flex的order属性来改变栅格的顺序基础

左右偏移:经过设置offset属性,将列进行左右偏移,偏移数量为offset的值   col offset="8"co

Flex布局:居中

子元素从左排列:type=“flex” justify=“start”tar

子元素从右排列:type=“flex” justify=“end”

子元素居中排列:type=“flex” justify=“center”

子元素等宽排列:type=“flex” justify=“space-between”

子元素分散排列:type=“flex” justify="space-around"

相关文章
相关标签/搜索