iview笔记-Grid

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

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

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

栅格顺序:通过flex的order属性来改变栅格的顺序

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

Flex布局:

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

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

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

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

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

猜你喜欢

转载自www.cnblogs.com/Valkyries/p/9257083.html
今日推荐