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

Posted 番茄土豆西红柿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用iview如何使左上的添加按钮和右上的搜索框和边框对齐相关的知识,希望对你有一定的参考价值。

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

效果如下:

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

解决办法

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

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

以上是关于使用iview如何使左上的添加按钮和右上的搜索框和边框对齐的主要内容,如果未能解决你的问题,请参考以下文章

如何在excel中增加一个搜索框和搜索按钮,以便快速搜索

如何在jsp中使用下拉列表、文本框和搜索按钮获取数据

C#中 怎样在Winform窗体 右上角最小化左边添加一个按钮 ?像Q2013登录界面那种设置的按钮?

html代码如何设置一个文本框和按钮,使点击按钮后跳转至新"固定值+输入文本“的网页

如何使用 HTML 和 CSS 让多个元素在顶部相互对齐?

用户单击删除按钮时如何删除动态控件(文本框和按钮)