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"

相關文章
相關標籤/搜索