解决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 相关文章推荐
js 分页全选或反选标识实现代码
Aug 09 Javascript
jquery入门—编写一个导航条(可伸缩)
Jan 07 Javascript
一个JS的日期格式化算法示例
Jul 31 Javascript
js单例模式详解实例
Nov 21 Javascript
JavaScript中的console.assert()函数介绍
Dec 29 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
bootstrap3 兼容IE8浏览器!
May 02 Javascript
浅析JSONP技术原理及实现
Jun 08 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
移动端触摸滑动插件swiper使用方法详解
Aug 11 Javascript
vue项目打包部署_nginx代理访问方法详解
Sep 20 Javascript
浅谈Vue 函数式组件的使用技巧
Jun 16 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脚本的10个技巧(2)
2006/10/09 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
PHP文件操作实例总结
2016/09/27 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
javascript 选择文件夹对话框(web)
2009/07/07 Javascript
JS setCapture 区域外事件捕捉
2010/03/18 Javascript
javascript面向对象之二 命名空间
2011/02/08 Javascript
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
Node.js中用D3.js的方法示例
2017/01/16 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
JS实现简易贪吃蛇游戏
2020/08/24 Javascript
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
深入分析python中整型不会溢出问题
2018/06/18 Python
python画图常规设置方式
2020/03/05 Python
python识别验证码的思路及解决方案
2020/09/13 Python
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
英国领先的在线高尔夫商店:Scottsdale Golf
2019/08/26 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
卫校中专生个人自我评价
2013/09/19 职场文书
大学生社团活动总结
2014/04/26 职场文书
食品安全汇报材料
2014/08/18 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书