解决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实现查找/添加/删除/指定元素的class
Apr 12 Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
js的回调函数详解
Jan 05 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
EasyUI学习之Combobox下拉列表(1)
Dec 29 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 Javascript
前端vue+express实现文件的上传下载示例
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
PHP Session机制简介及用法
2014/08/19 PHP
php绘制一条弧线的方法
2015/01/24 PHP
php验证码实现代码(3种)
2015/09/07 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
jQuery 表格工具集
2010/04/25 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
js实现上传图片预览的方法
2015/02/09 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
2015/09/14 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
react中实现搜索结果中关键词高亮显示
2018/07/31 Javascript
AngularJS 多指令Scope问题的解决
2018/10/25 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
python调用windows api锁定计算机示例
2014/04/17 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
python中abs&map&reduce简介
2018/02/20 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
数据库方面面试题
2012/04/22 面试题
信用社主任竞聘演讲稿
2014/05/23 职场文书
理财计划书
2014/08/14 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
分家协议书范本
2016/03/22 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
MyBatis 动态SQL全面详解
2021/10/05 MySQL
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers