码迷,mamicode.com
首页 > 其他好文 > 详细

使用iview如何使左上的添加按钮和右上的搜索框和边框对齐

时间:2018-03-02 16:12:38      阅读:3411      评论:0      收藏:0      [点我收藏+]

标签:使用   百分数   div   内容   按钮   技术分享   宽度   灵活   view   

使用iview如何使左上的添加按钮和右上的搜索框和边框对齐呢?

效果如下:

技术分享图片

使用iview自带的Grid 栅格进行布局,但是由于按钮和搜索框的大小不正好是一个栅格的宽度,所以不是很好跳转,且栅格也不支持百分数设置。

解决办法

默认栅格内的内容是左对齐的(这个可以设置)

然后让最右边的搜索框的宽度灵活设置为一个栅格宽度的倍数即可。(一个栅格的宽度 = div的总宽度 / 24)

使用iview如何使左上的添加按钮和右上的搜索框和边框对齐

标签:使用   百分数   div   内容   按钮   技术分享   宽度   灵活   view   

原文地址:https://www.cnblogs.com/robinunix/p/8493634.html

(3)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!