解决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 相关文章推荐
用javascript做拖动布局的思路
May 31 Javascript
jquery实现点击弹出层效果的简单实例
Mar 03 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
DOM 高级编程
May 06 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
js的三种继承方式详解
Jan 21 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
JavaScript 判断浏览器是否是IE
Feb 19 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
DIY实用性框形天线
2021/03/02 无线电
php正则表达式使用的详细介绍
2013/04/27 PHP
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
2012/01/15 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
简约JS日历控件 实例代码
2013/07/12 Javascript
js获取url中"?"后面的字串方法
2014/05/15 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
javascript如何实现360度全景照片问题汇总
2016/04/04 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
微信小程序间使用navigator跳转传值问题实例分析
2020/03/27 Javascript
vue 弹出遮罩层样式实例
2020/07/22 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
python实现无证书加密解密实例
2014/10/27 Python
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
python字典排序的方法
2019/10/12 Python
Python数组拼接np.concatenate实现过程
2020/04/18 Python
Python实现扫码工具的示例代码
2020/10/09 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
公司营业员的工作总结自我评价
2013/10/05 职场文书
好邻里事迹材料
2014/01/16 职场文书
聚美优品陈欧广告词
2014/03/14 职场文书
党员创先争优公开承诺书
2014/03/28 职场文书
保密工作整改情况汇报
2014/11/06 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书
使用python向MongoDB插入时间字段的操作
2021/05/18 Python
Pandas搭配lambda组合使用详解
2022/01/22 Python