解决layui的input独占一行的问题
2019-09-10 09:05
1456 查看
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样式,则默认占满该行
以上这篇解决layui的input独占一行的问题就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 解决input按钮显示差异的问题
- InputCalendar的问题解决方法
- 一行代码解决Web请求/响应出现中文乱码问题
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法
- 解决html input验证只能输入数字,不能输入其他的问题
- 使用flex布局解决安卓手机上固定在底部的按钮,在键盘弹起后挡住input输入框的问题
- 一键解决ScrollView嵌套ListView只显示一行的问题
- 利用DOM创建input时,遇到的问题解决方法
- 解决input原本保存的内容不能修改,但可以添加的问题
- 一行代码解决各种IE兼容问题IE8,IE9,IE10
- [npm] 一个命令解决Unexpected end of JSON input... 问题
- 在raw_input()中使用中文提示,在CMD下中文乱码问题解决。。。
- 解决layui模态窗体关闭的问题
- PHP No input file specified.问题解决!!
- 解决如何让两个div在一行上的问题
- 解决使用GridView时,只显示一行的问题
- 关于chrome浏览器-webkit-autofil覆盖input样式问题解决方案
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10