elementul的这个表单组件，我想要设置的lable是auto的。但是外面的盒子还是等宽的，我想要的效果是每个盒子根据自己的内容长度一致的宽度，这样我排列起来，他就不会出现这种中间两个字的空白一块，右边四个字的又感觉很挤。这种有什么办法可以解决吗。
el-form-item如何让宽度自适应
elementul的这个表单组件，我想要设置的lable是auto的。但是外面的盒子还是等宽的，我想要的效果是每个盒子根据自己的内容长度一致的宽度，这样我排列起来，他就不会出现这种中间两个字的空白一块，右边四个字的又感觉很挤。这种有什么办法可以解决吗。
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2022-12-28 09:24回答 1 已采纳 应该需要自己写额外的css影响吧
- 2023-04-21 16:40回答 2 已采纳 该回答引用NewBing 您可以使用flex布局来实现在同一个el-form-item中的两个组件放入一行之中。具体来说，您可以在el-form-item中添加一个div，然后将两个组件放入这个div
- 2022-02-21 11:18回答 4 已采纳 .el-form-item__content{ display: flex; }
- 2024-03-07 11:55斗帝蓝电霸王龙的博客 ui`做`后台管理`的时候，有个需求是在`弹窗组件`里面，添加一个`el-select下拉框选项`，但是给`el-select`设置的宽度`无法自适应`，原因很简单，我们不需要设置固定宽度，设置`百分比就行了`，让他继承父元素，...
- 2022-08-30 16:07回答 5 已采纳 .el-table .el-table__header-wrapper .cell{ line-height: 30px; } .el-table .el-table__body-wrapper
- 2020-09-14 15:20回答 2 已采纳 https://www.cnblogs.com/notmore/p/13037745.html https://www.jianshu.com/p/d2c900f7b730?tdsourcetag=
- 2022-09-11 15:27回答 1 已采纳 给el-form加个类名class="myForm",然后添加样式 .myForm::v-deep { .el-row { .el-form-item {
- 2024-03-29 15:06m0_47177307的博客 这里是封装了一个组件，在其他地方引用的时候没有问题，不会被拉长，看了下这里的引入是被el-form-item包裹的，应该是受el-form-item的样式影响了，通过f12查看，翻阅了下官方文档，将 el-form-item的宽度label-...
- 2021-06-16 09:49回答 1 已采纳 你看官网例子里el-form的model是numberValidateForm。然后el-input的model是numberValidateForm.age这样提交时才可以获取到这个值。你分成一个组
- 2022-03-17 14:34回答 1 已采纳 https://blog.csdn.net/weixin_35425512/article/details/80358352
- 2022-05-22 10:04回答 2 已采纳 el-form标签里面添加:disabled=“loginFormDisabled”，disabled前面那个冒号不能少喔，在js return data 那里声明loginFormDisabled：
- 2022-02-26 23:06java_进阶路的博客 el-form标签中label-width设置为**auto，label就会自适应标签的长度，**但会默认右对齐(此时使用label-position="left"也无法改变对其方式) 代码如下： 效果图： 此时，label以右对齐的方式进行自适应，经过调查...
- 2021-06-16 17:28回答 2 已采纳 把 el -form 标签里：rule去掉试试.如果只是想某一项去掉在rule数组里找到对应得删除即可（prop是用来区分得找到与prop相同得）
- 爱喝冬瓜汤的外星人的博客 效果图 代码部分： 1.整体form在dialog中居中 ::v-deep .el-dialog .el-dialog__body{ display: flex; justify-content: center; align-items: center;...2.label宽度自适应 设置label-width=“a
- 2022-01-19 16:23RAY_CHEN.的博客 .el-form-item__label-wrap { margin-left: 0px !important; } .el-form-item__label{ word-break: keep-all !important; } .el-form-item__content{ margin: 0 !important; width: -webkit-fill-available; } ...
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月5日
已采纳回答
12月28日-
创建了问题
12月28日
悬赏问题
- ¥15 网友们我该怎么办啊，急
- ¥15 混合键合键合机对准标识
- ¥100 现在不懂的是如何将当前的相机中的照片,作为纹理贴图,映射到扫描出的模型上
- ¥15 目标跟踪，计算机视觉
- ¥15 魔霸ROG7 pro,win11.息屏后会显示黑屏,如图，如何解决？(关键词-重新启动)
- ¥15 有没有人知道这是哪里出了问题啊？要怎么改呀？
- ¥200 C++表格文件处理-悬赏
- ¥15 Windows Server2016本地登录失败
- ¥15 复合卡卡号轨道写入芯片卡
- ¥20 基于MATLAB的TDOA