解决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 相关文章推荐
Google AJAX 搜索 API实现代码
Nov 17 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
jQuery获取浏览器中的分辨率实现代码
Apr 23 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 Javascript
Angularjs的启动过程分析
Jul 18 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
Apr 28 Javascript
vue实现前端列表多条件筛选
Oct 26 Javascript
vue+iview使用树形控件的具体使用
Nov 02 Javascript
利用Vue实现简易播放器的完整代码
Dec 30 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
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PHP回调函数概念与用法实例分析
2017/11/03 PHP
基于PHP实现用户登录注册功能的详细教程
2020/08/04 PHP
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
2013/01/24 Javascript
Javascript算符的优先级介绍
2013/03/20 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
javascript控制台详解
2015/06/25 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
laydate 显示结束时间不小于开始时间的实例
2017/08/11 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
寻找网站后台地址的python脚本
2014/09/01 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
传媒专业推荐信范文
2013/11/23 职场文书
早会主持词
2014/03/17 职场文书
学生会部长竞聘书
2014/03/31 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android