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"

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM