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

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

效果如下：

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

解决办法

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

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

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

时间： 2024-10-27 16:35:08

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

jquery datatable搜索框添加按钮，改变keypress搜索为点击按钮搜索

都知道jquery datatable是很强大的js库.但原有的搜索模式是响应keypress的,虽然服务端模式是400ms延迟,但仍然会给服务器造成很大负担. 图1,原有样子: 图2:改变后的样子: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-

如何给UINavigationBar添加按钮？

Mads Mob?k:给UINavigationBar添加按钮的示例代码 1 2 3 4 5 6 7 8 UIBarButtonItem *rightButton = [[UIBarButtonItem alloc] initWithTitle:@"Done" style:UIBarButtonItemStyleDone target:nil action:nil]; UINavigationItem *item = [[UINavigationItem alloc] init

购物车特效-贝塞尔曲线动画(点击添加按钮的进候，产生抛物线动画效果)

demo效果: l 购物车特效原理: 1.从添加按钮获取开始坐标 2.从购物车图标获取结束坐标 3.打气一个视图,添加属性动画ObjectAnimator(缩小),ValueAnimator(路线) 4.动画开始时添加该视图,动画结束删除该视图 5.运动路径使用TypeEvaluator与贝塞尔函数计算 activity布局: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" an

stark组件开发之添加按钮显示和URL

添加: 需求: 根据用户的权限, 决定是否,有添加按钮. 通过配置进行定制,预留钩子进行权限的判断. class StartHandler(object): has_add_btn = True # 指定配置,默认显示. 用户在子类中,自定制是否显示 def get_add_btn(self): '''预留钩子,子类中重写该方法. 根据权限的判断是否显示添加按钮''' if self.has_add_btn: return "<a class='btn btn-primary'>添

iOS开发UI篇—在ImageView中添加按钮以及Tag的参数说明

一.tag参数一个视图通常都只有一个父视图,多个子视图,在开发中可以通过使用子视图的tag来取出对应的子视图.方法为Viewwithtag: 提示点:在xib中如果想要通过tag参数获取对应的控件(属性),不要把tag的参数设置为0,因为xib中所有的对象默认tag都为0,设置为0取不到对象. 二.ImageView中添加按钮 (1)ImageView和Button的比较 Button按钮的内部可以放置多张图片(4),而ImageView中只能放置一张图片. (2)说明: ImageView只

iOS 封装添加按钮的方法

添加按钮 #pragma mark 添加按钮 - (void)addButtonWithImage:(NSString *)image highImage:(NSString *)highImage disableImage:(NSString *)disableImage frame:(CGRect)frame tag:(NSInteger)tag action:(SEL)action { // 创建按钮 UIButton *btn = [[UIButton alloc] init]; //

gridview添加按钮及其按钮操作

先晒出两篇在网路上找到的关于gridview的一些操作 http://www.cnblogs.com/xiaobaigang/articles/824011.html http://www.blogjava.net/liuyz2006/articles/378151.html 接下来,在gridview如何添加按钮,并书写按钮的触发事件 1.点击gridview右边那个小三角,添加新列,选择button,记得修改属性,不是link 2.设置完成后,进入gridview的列编辑界面,点击将此字段转

PHP实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中

PHP实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中效果图: html+jquery: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script language="javascript" type="text/javascript" src=&qu

QTableWidget中添加按钮

添加按钮 void QTableWidget::setCellWidget ( int row, int column, QWidget * widget ) widget可以是自己定义的按钮 class MyPushButton : public QPushButton { Q_OBJECT public: explicit MyPushButton(int i, int j, int flag); ~MyPushButton(); void mySetText();//i对应端口信息 } m