解决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操作table示例(个人心得)
Nov 29 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
Apr 12 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 Javascript
JS 验证码功能的三种实现方式
Nov 26 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 Javascript
js实现随机抽奖
Mar 19 Javascript
vue实例的选项总结
Jun 09 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语法(3)
2006/10/09 PHP
PHP 彩色文字实现代码
2009/06/29 PHP
PHP性能优化准备篇图解PEAR安装
2011/12/05 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
2010/05/27 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
2013/08/22 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
axios学习教程全攻略
2017/03/26 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
2017/12/11 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
在vue中使用G2图表的示例代码
2019/03/19 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
python os模块简单应用示例
2019/05/23 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
html5 视频播放解决方案
2016/11/06 HTML / CSS
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
运动会通讯稿500字
2014/02/20 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
写给女朋友的保证书
2015/05/09 职场文书
电影复兴之路观后感
2015/06/02 职场文书
redis cluster支持pipeline的实现思路
2021/06/23 Redis
用Python生成会跳舞的美女
2022/01/18 Python