解决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 相关文章推荐
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
js+html5实现侧滑页面效果
Jul 15 Javascript
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
详解vue-cli官方脚手架配置
Jul 20 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
微信小程序 确认框的实现(附代码)
Jul 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
php读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
php从字符串创建函数的方法
2015/03/16 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
php正则提取html图片(img)src地址与任意属性的方法
2017/02/08 PHP
找到一点可怜的关于dojo资料,谢谢作者!
2006/12/06 Javascript
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
jQuery 操作XML入门
2008/12/25 Javascript
js sort 二维数组排序的用法小结
2014/01/24 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
ES6 十大特性简介
2020/12/09 Javascript
Python图像滤波处理操作示例【基于ImageFilter类】
2019/01/03 Python
python解析多层json操作示例
2019/12/30 Python
PyQt5实现登录页面
2020/05/30 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
远程研修随笔感言
2014/02/10 职场文书
毕业自我鉴定书
2014/03/24 职场文书
论文诚信承诺书
2014/05/23 职场文书
2015年圣诞节寄语
2015/08/17 职场文书