控制label标签的宽度,不让它换行 label标签左对齐

 

复制代码
1==>控制label标签的宽度。解决字段名太长时,不会换行显示
  label-width="100px"   label标签的宽度是100px;
  style="width:280px;"   表示label和input的宽度一起有280px;注意一起是280px

    <el-form-item
        label="访问密码:"
        label-width="100px"
        prop="accesspassword"
        style="width:280px;  "
      >
        <el-input v-model="VideoFirst.accesspassword"></el-input>
    </el-form-item>
复制代码

 

复制代码
2==>label标签左对齐
    <el-form
      :model="VideoFirst"
      :rules="rulesfrist"
      ref="VideoFirst"
      :label-position="labellocaltion"
      class="demo-ruleForm"
    >
    </el-form>
    data中labellocaltion:"left"  左对齐
    但是注意  左对齐 必须要和 label-width一起使用才有用的哦
复制代码

 

 

 

posted @   南风晚来晚相识  阅读(7297)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示