layui form表单 调整 label 宽度

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

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

html 复制代码
<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 的宽度。

html 复制代码
.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>
相关推荐
纯爱掌门人4 分钟前
鸿蒙端云一体化云存储实战:手把手教你玩转文件上传下载
前端·harmonyos
非凡ghost6 分钟前
图吧工具箱-电脑硬件圈的“瑞士军刀”
前端·javascript·后端
非凡ghost7 分钟前
Xrecode3(多功能音频转换工具)
前端·javascript·后端
橙某人8 分钟前
飞书多维表格插件:进一步封装,提升开发效率!🚀
前端·javascript
他们叫我秃子19 分钟前
从 0 到 1,我用小程序 + 云开发打造了一个“记忆瓶子”,记录那些重要的日子!
前端·微信小程序·小程序·云开发
非凡ghost20 分钟前
Subtitle Edit(字幕编辑软件) 中文绿色版
前端·javascript·后端
用户842981424181023 分钟前
10个JavaScript编程实用技巧
javascript
扎瓦斯柯瑞迫24 分钟前
cursor: 10分钟魔改环境、优雅获取Token
前端·javascript·后端
王六岁25 分钟前
🐍 前端开发 0 基础学 Python 入门指南:条件语句篇
前端·python
San3027 分钟前
CSS3 星球大战:用前端技术打造震撼的3D动画效果
前端·css·html