解决layui的input独占一行的问题


Posted in Javascript onSeptember 10, 2019

1.input标签独占一行,与button标签无法同行显示

解决layui的input独占一行的问题

(使用position属性进行设置,position属性详见。)

解决方法:

一.对button的position进行设置,使之与input同行。

解决layui的input独占一行的问题

二.将input与button放在一个大div中,然后将input的div的class定义成layui-inline,button放在独自的div里时也要定义div的class为layui-inline;

(如果想让几个input同行,就把他们放在一个大的div里,大的div的class为layui-input-item,然后设置每个包含input的div的属性为layui-inline)

(经过多次测试,我感觉一个layui-input-item 就相当于换行)

解决layui的input独占一行的问题

2.按钮表格等不设置css样式,则默认占满该行

解决layui的input独占一行的问题

以上这篇解决layui的input独占一行的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
Jan 22 Javascript
javascript简易画板开发
Apr 12 Javascript
js的三种继承方式详解
Jan 21 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
Nov 03 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
Vue实现搜索结果高亮显示关键字
May 28 Javascript
微信小程序实现弹框效果
May 26 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
Sep 10 #Javascript
防止Layui form表单重复提交的实现方法
Sep 10 #Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 #Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 #Javascript
解决layui弹框失效的问题
Sep 09 #Javascript
vue给对象动态添加属性和值的实例
Sep 09 #Javascript
关于layui表单中按钮自动提交的解决方法
Sep 09 #Javascript
You might like
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
javascript是怎么继承的介绍
2012/01/05 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
AngularJS学习笔记之依赖注入详解
2016/05/16 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
2016/12/24 Javascript
jQuery插件zTree实现删除树子节点的方法示例
2017/03/08 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python传递参数方式小结
2015/04/17 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
计算机专业学生求职信分享
2013/12/15 职场文书
创建文明学校实施方案
2014/03/11 职场文书
公司办公室岗位职责
2014/03/19 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
如何写辞职书
2015/02/26 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
MySQL基础(一)
2021/04/05 MySQL
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python