解决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 相关文章推荐
表单(FORM)的一些实用效果代码
Mar 25 Javascript
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
下拉菜单点击实现连接跳转功能的js代码
May 19 Javascript
JavaScript中Math.SQRT2属性的使用详解
Jun 14 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
批量下载对路网图片并生成html的实现方法
Jun 07 Javascript
微信小程序 wxapp地图 map详解
Oct 31 Javascript
详解利用Angular实现多团队模块化SPA开发框架
Nov 27 Javascript
详解jQuery-each()方法
Mar 13 jQuery
element中el-container容器与div布局区分详解
May 13 Javascript
纯js+css实现在线时钟
Aug 18 Javascript
JavaScript中document.activeELement焦点元素介绍
Nov 27 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语言流程控制中的主动与被动
2012/11/05 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
PHP使用观察者模式处理异常信息的方法详解
2019/09/24 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
Javascript表达式中连续的 && 和 || 之赋值区别
2010/10/17 Javascript
javascript动态加载二
2012/08/22 Javascript
Js日期选择器并自动加入到输入框中示例代码
2013/08/02 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
jQuery手机拨号界面特效代码分享
2015/08/27 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
详解Python中用于计算指数的exp()方法
2015/05/14 Python
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
Python使用matplotlib绘制余弦的散点图示例
2018/03/14 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
.NET程序员的数据库面试题
2012/10/10 面试题
EJB的基本架构
2016/09/22 面试题
英文自荐信
2013/12/15 职场文书
干部选拔任用方案
2014/05/26 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
2014年全国法制宣传日宣传活动方案
2014/11/02 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
焦裕禄观后感
2015/06/03 职场文书
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
Python实现简单的俄罗斯方块游戏
2021/09/25 Python
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle