解决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 相关文章推荐
javascript Object与Function使用
Jan 11 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
jquery实现先淡出再折叠收起的动画效果
Aug 07 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
将鼠标焦点定位到文本框最后(代码分享)
Jan 11 Javascript
jquery实现数字输入框
Feb 22 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
微信小程序分页加载的实例代码
Jul 11 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
BootstrapValidator实现表单验证功能
Nov 08 Javascript
JavaScript自定义超时API代码实例
Apr 30 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
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
解决phpcms更换javascript的幻灯片代码调用图片问题
2014/12/26 PHP
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
PHP mysql事务问题实例分析
2016/01/18 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
TBCompressor js代码压缩
2011/01/05 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
swiper 自动图片无限轮播实现代码
2018/05/21 Javascript
详解ES7 Decorator 入门解析
2019/02/18 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
原生js+css实现tab切换功能
2020/09/17 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
python如何定义带参数的装饰器
2018/03/20 Python
python如何查看微信消息撤回
2018/11/27 Python
python抓取搜狗微信公众号文章
2019/04/01 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
Python字符串对象实现原理详解
2019/07/01 Python
python+numpy实现的基本矩阵操作示例
2019/07/19 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
装饰资料员岗位职责
2013/12/30 职场文书
上课打牌的检讨书
2014/02/15 职场文书
安全标兵事迹材料
2014/08/17 职场文书
个人贷款收入证明
2014/10/26 职场文书
工商行政处罚决定书
2015/06/24 职场文书
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
zabbix自定义监控nginx状态实现过程
2021/11/01 Servers