element表单el-form的label自适应宽度如何实现


这篇文章主要介绍“element表单el-form的label自适应宽度如何实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“element表单el-form的label自适应宽度如何实现”文章能帮助大家解决问题。在ElementUI官方文档中el-form提供了一个参数 label-width:可以在form表单中设置label-width宽度(作为 Form 直接子元素的 form-item 会继承该值),但问题来了,如果不确定标签的长度,给固定值容易造成过长标签的换行,导致页面布局错乱。所以把label-width设置为auto这样label就会自适应标签的长度了,效果如下 ↓注意:如果给固定值,则还可以设置label标签的对免费云主机域名齐方式 label-position=”left”
下图就是通过设置label-width=150px;label-position=”left出来的效果,遇到标签过长的字段名称只能在单独的el-form-item标签中设置label-width关于“element表单el-form的label自适应宽度如何实现”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: CSS绘制三角形的方法有哪些

本篇内容主要讲解“CSS绘制三角形的方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS绘制三角形的方法有哪些”吧!使用 border 实现三角形应该是大部分人都掌握的,也是各种面经中经常出现的,利用了高…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/28 17:54
下一篇 03/28 17:54

相关推荐