欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

解决layui的input独占一行的问题

时间:2021-11-14 10:25:19|栏目:JavaScript代码|点击:

1.input标签独占一行,与button标签无法同行显示

(使用position属性进行设置,position属性详见。)

解决方法:

一.对button的position进行设置,使之与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 就相当于换行)

2.按钮表格等不设置css样式,则默认占满该行

上一篇:bootstrapfileinput实现文件自动上传

栏    目:JavaScript代码

下一篇:JQuery 在表单提交之前修改 提交的值 原创

本文标题:解决layui的input独占一行的问题

本文地址:http://www.codeinn.net/misctech/183560.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有