解决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中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
js indexOf()定义和用法
Oct 21 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
微信小程序动态生成二维码的实现代码
Jul 25 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 Javascript
mockjs+vue页面直接展示数据的方法
Dec 19 Javascript
java实现单链表增删改查的实例代码详解
Aug 30 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
js实现ajax的用户简单登入功能
Jun 18 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 Vue.js
解决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
中国第一家无线电行
2021/03/01 无线电
基于php iconv函数的使用详解
2013/06/09 PHP
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
thinkPHP多域名情况下使用memcache方式共享session数据的实现方法
2016/07/21 PHP
微信公众号实现会员卡领取功能
2017/06/08 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
jquery三个关闭弹出层的小示例
2013/11/05 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
基于React Native 0.52实现轮播图效果
2020/08/25 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
2019/05/10 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
JS实现手风琴特效
2020/11/08 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python 常用 PEP8 编码规范详解
2017/01/22 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
python 用opencv实现图像修复和图像金字塔
2020/11/27 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
js实现弹框效果
2021/03/24 Javascript
夜不归宿检讨书
2014/02/25 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
2014最新版群众路线四风整改措施
2014/09/24 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2019年学校消防安全责任书(2篇)
2019/10/09 职场文书
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python
详解pytorch创建tensor函数
2022/03/22 Python
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby