1. 程式人生 > >使用iview如何使左上的添加按鈕和右上的搜索框和邊框對齊

使用iview如何使左上的添加按鈕和右上的搜索框和邊框對齊

bubuko 柵格 info grid gpo 對齊 image img clas

使用iview如何使左上的添加按鈕和右上的搜索框和邊框對齊呢?

效果如下:

技術分享圖片

使用iview自帶的Grid 柵格進行布局,但是由於按鈕和搜索框的大小不正好是一個柵格的寬度,所以不是很好跳轉,且柵格也不支持百分數設置。

解決辦法

默認柵格內的內容是左對齊的(這個可以設置)

然後讓最右邊的搜索框的寬度靈活設置為一個柵格寬度的倍數即可。(一個柵格的寬度 = div的總寬度 / 24)

使用iview如何使左上的添加按鈕和右上的搜索框和邊框對齊