解决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 相关文章推荐
7个Javascript地图脚本整理
Oct 20 Javascript
基本jquery的控制tabs打开的数量的代码
Oct 17 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
jquery中通过过滤器获取表单元素的实现代码
Jul 05 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
jquery结婚电子请柬特效源码分享
Aug 21 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
jQuery Form表单取值的方法
Jan 11 Javascript
解决Webpack 热部署检测不到文件变化的问题
Feb 22 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 Javascript
如何在 Vue 中使用 JSX
Feb 14 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 radio 单选框获取与保持值的实现代码
2010/05/15 PHP
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
YII中assets的使用示例
2014/07/31 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
彻底搞懂PHP 变量结构体
2017/10/11 PHP
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
JavaScript 数组的深度复制解析
2016/11/02 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
vue webpack build资源相对路径的问题及解决方法
2020/06/04 Javascript
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
windows下安装Python虚拟环境virtualenvwrapper-win
2019/06/14 Python
python利用opencv保存、播放视频
2020/11/02 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
css3media响应式布局实例
2016/07/08 HTML / CSS
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
Android面试题及答案
2015/09/04 面试题
中学教师请假制度
2014/02/03 职场文书
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
化验员岗位职责
2015/02/14 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
创业计划书之香辣虾火锅
2019/09/23 职场文书
导游词之崇武古城
2019/10/07 职场文书