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

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

像这种情况:

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

html 复制代码
.layui-form-item .layui-input-inline {
    width: 195px;
}

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

相关推荐
粥里有勺糖几秒前
视野修炼-技术周刊第130期 | 光影效果
前端·javascript·github
小岛前端15 分钟前
AI Skills 已经封神,但新的问题却越来越严重!
前端·后端·github
拖孩18 分钟前
一个人 + AI 做的小程序,上线 15 天赚了 10 块 5
前端·后端·微信小程序
用户939838294159919 分钟前
安卓自动化脚本热更新怎么做?不重新打包 APK 也能更新代码
前端
猫七先生32 分钟前
在 React 里用 PMTiles 自托管底图
前端
tanghonghanhaoli33 分钟前
【图书翻译】有意义的游戏设计:桌面游戏的方法论与心理学(第1、2章)
前端·游戏·ui
光影少年34 分钟前
react native打包优化、包体积瘦身、离线包/热更新方案
前端·react native·react.js
Cache技术分享36 分钟前
504. Java 反射 - 创建一个简单的依赖注入框架
前端·后端
_codeOH1 小时前
# 手把手复刻 DeepSeek 官网效果:玻璃拟态 + WebGL 流体 + Spring 动画,一篇讲透
前端
名字还没想好☜1 小时前
Next.js 用 cookies()/headers() 读请求信息:动态渲染触发、缓存失效与在 Server Action 里读写 cookie
前端·javascript·缓存·react·next.js·app router