解决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 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
关于jQuery object and DOM element
Apr 15 Javascript
javascript设计模式之工厂模式示例讲解
Mar 04 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
XMLHttpRequest Level 2 使用指南
Aug 26 Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
Mar 14 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
JS不要再到处使用绝对等于运算符了
Apr 30 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与MySQL开发的8个技巧小结
2010/12/17 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
tp5(thinkPHP5框架)使用DB实现批量删除功能示例
2019/05/28 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
点击进行复制的JS代码实例
2013/08/23 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
jquery默认校验规则整理
2014/03/24 Javascript
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
js下将金额数字每三位一逗号分隔
2016/02/19 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
python利用sklearn包编写决策树源代码
2017/12/21 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
Django admin禁用编辑链接和添加删除操作详解
2019/11/15 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
SQL数据库笔试题
2016/03/08 面试题
创建文明城市倡议书
2015/04/28 职场文书
张丽莉观后感
2015/06/16 职场文书
详解Redis瘦身指南
2021/05/26 Redis
python函数的两种嵌套方法使用
2022/04/02 Python