当前位置: 首页 > news >正文

layui form 中input输入框长度的统一设置

Layui.form中使用class="layui-input-inline"就可轻松将元素都放到一行,但如果元素过多,就会自动换行。那就需要手动设置input框的长度。

像这种情况:

 

其实只需要添加css样式就可修改了 

 

.layui-form-item .layui-input-inline {width: 195px;
}

tips:需要注意的是,样式里的选择器不能直接用.layui-input-inline。因为layui.form中默认的样式就是用.layui-form-item .layui-input-inline去做选择器,我们需要做的就是覆盖掉这个样式。 

http://www.lryc.cn/news/218216.html

相关文章:

  • 【WSL/WSL 2-Redis】解决Windows无法安装WSL Ubuntu子系统与Redis安装
  • 数据结构(四)--队列及面试常考的算法
  • PMIC、电源管理MAX77646ANP、MAX77647AANP、MAX77675AEWE、MAX77847AEWL DC-DC 开关稳压器
  • 5W2H分析法:全面思考和解决问题的实用工具
  • 01 向量基本概念
  • QMS质量检验管理|攻克制造企业质量检验难题,助力企业提质增效
  • Visual Components Robotics OLP解决方案 北京衡祖
  • React——简便获取经纬度信息
  • 如何修改设置360浏览器内核模式
  • spring boot 定时任务@Scheduled(cron = ““)不可用时并且注入失败时——笔记
  • R语言用jsonlite库写的一个图片爬虫
  • Linux多线程编程- pthread_self()
  • APM建设踩了哪些坑?去哪儿旅行分布式链路追踪系统实践
  • ASTM F963-23美国玩具安全新标准发布
  • swift语言下SurfGen库做的爬虫是什么样的 ?
  • Vue纯CSS实现掷色子
  • 使用vscode开发uniapp项目常用的辅助插件,提升开发效率
  • python脚本监听域名证书过期时间,并将通知消息到钉钉
  • 那些看起来高大上的封装函数
  • go语言 | grpc原理介绍(三)
  • 记一次heapdump泄漏获取服务器权限
  • 大疆Livox MID-360安装ROS1/2驱动 Ubuntu20.04
  • Android 重启App
  • C语言的前置知识:数据量单位、汇编语言和寄存器
  • 【IDEA】在工具栏设置快速创建包和类的图表
  • int arrayL = sizeof(array) / sizeof(array[0]);
  • FFmpeg——使用Canvas录制视频尚存问题的解决方案
  • css进阶知识点速览
  • P2047 [NOI2007] 社交网络
  • 线性表的顺序存储