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