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

layui form表单 调整 label 宽度

这个可以调整所有label
.layui-form-label {width: 120px !important;
}
.layui-input-block {margin-left: 150px !important;
}

情况是这样的,表单里有多个输入框,只有个别label 是长的,我就想调整一下个别长的,其它不变

<div class="layui-form-item"><label class="layui-form-label">是否分标分量:</label><div class="layui-input-block"><input type="text" autocomplete="off" class="layui-input"></div>
</div>

在这里插入图片描述

class=“layui-input-block” 改成 style=“margin-left: 112px”
margin-left 是label 的宽度。

.custom-label {float: left;white-space: nowrap; /*禁止换行*/
}<div class="layui-col-md3"><div class="layui-form-item"><label class="layui-form-label custom-label">是否分标分量:</label><div style="margin-left: 112px"><input type="text" autocomplete="off" class="layui-input"></div></div>
</div>
http://www.lryc.cn/news/218348.html

相关文章:

  • 轻量封装WebGPU渲染系统示例<12>- 基础3D对象实体(源码)
  • [ element-ui:table ] 设置table中某些行数据禁止被选中,通过selectable 定义方法解决
  • 【PY】倒计时日历
  • windows mysql安装
  • 【蓝桥杯省赛真题42】Scratch舞台特效 蓝桥杯少儿编程scratch图形化编程 蓝桥杯省赛真题讲解
  • Kafka(二)消息系统设计
  • 【移远QuecPython】EC800M物联网开发板的内置GNSS定位的恶性BUG(目前没有完全的解决方案)
  • R语言_RColorBrewer包--全平台可用
  • VulnHub DC-4
  • Python 查询 IP 地址段,并获取 Hostname
  • [架构之路-251/创业之路-82]:目标系统 - 纵向分层 - 企业信息化的呈现形态:常见企业信息化软件系统 - 商业智能、决策支持系统、知识管理
  • linux shell sh 脚本开机自启动
  • 欧科云链研究院:如何降低Web3风险,提升虚拟资产创新的安全合规
  • el-table中的el-input标签修改值,但界面未更新,解决方法
  • Python 中的 Gzip 解压
  • JVM常用命令
  • leetcode做题笔记213. 打家劫舍 II
  • 多输入多输出 | Matlab实现WOA-RBF鲸鱼算法优化径向基神经网络多输入多输出预测
  • 玻色量子签约移动云“五岳”量子云计算创新加速计划!
  • Postgresql在linux环境下以源码方式安装
  • vivo发布“蓝心千询”自然语言对话机器人
  • Python基础入门例程39-NP39 字符串之间的比较(运算符)
  • java中的Thread类解析
  • 如何正确清理DNS缓存
  • Git从基础到实践
  • C 保留字解释
  • 【Web】https 与 http 的区别
  • 【KVM】半虚拟化和全虚拟化技术
  • react中的useReducer复杂的状态管理
  • SpringCloudAlibaba - 项目完整搭建(Nacos + OpenFeign + Getway + Sentinel)