解决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 相关文章推荐
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
js HTML5手机刮刮乐代码
Sep 29 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
Oct 24 Javascript
js中url对象化管理分析
Dec 29 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
Dec 23 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
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
javascript动画之圆形运动,环绕鼠标运动作小球
2010/07/20 Javascript
jquery.cookie用法详细解析
2013/12/18 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
JS加密插件CryptoJS实现AES加密操作示例
2018/08/16 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
微信小程序 wx:for遍历循环使用实例解析
2019/09/09 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
Python列表计数及插入实例
2014/12/17 Python
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
python获取多线程及子线程的返回值
2017/11/15 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
Python 实现敏感目录扫描的示例代码
2020/05/21 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
详解pycharm配置python解释器的问题
2020/10/15 Python
python入门教程之基本算术运算符
2020/11/13 Python
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
个人安全生产责任书
2014/07/28 职场文书
工作检讨书大全
2015/01/26 职场文书
检讨书范文2000字
2015/01/28 职场文书
2015年电教工作总结
2015/05/26 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
python获取对象信息的实例详解
2021/07/07 Python