elementul的这个表单组件，我想要设置的lable是auto的。但是外面的盒子还是等宽的，我想要的效果是每个盒子根据自己的内容长度一致的宽度，这样我排列起来，他就不会出现这种中间两个字的空白一块，右边四个字的又感觉很挤。这种有什么办法可以解决吗。
el-form-item如何让宽度自适应
elementul的这个表单组件，我想要设置的lable是auto的。但是外面的盒子还是等宽的，我想要的效果是每个盒子根据自己的内容长度一致的宽度，这样我排列起来，他就不会出现这种中间两个字的空白一块，右边四个字的又感觉很挤。这种有什么办法可以解决吗。
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2022-12-28 09:24回答 1 已采纳 应该需要自己写额外的css影响吧
- 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-07 11:55斗帝蓝电霸王龙的博客 ui`做`后台管理`的时候，有个需求是在`弹窗组件`里面，添加一个`el-select下拉框选项`，但是给`el-select`设置的宽度`无法自适应`，原因很简单，我们不需要设置固定宽度，设置`百分比就行了`，让他继承父元素，...
- 2021-06-16 09:49回答 1 已采纳 你看官网例子里el-form的model是numberValidateForm。然后el-input的model是numberValidateForm.age这样提交时才可以获取到这个值。你分成一个组
- 2022-05-22 10:04回答 2 已采纳 el-form标签里面添加:disabled=“loginFormDisabled”，disabled前面那个冒号不能少喔，在js return data 那里声明loginFormDisabled：
- 2022-08-30 16:07回答 5 已采纳 .el-table .el-table__header-wrapper .cell{ line-height: 30px; } .el-table .el-table__body-wrapper
- 2022-02-26 23:06web13618542420的博客 el-form标签中label-width设置为**auto，label就会自适应标签的长度，**但会默认右对齐(此时使用label-position="left"也无法改变对其方式) 代码如下： 效果图： 此时，label以右对齐的方式进行自适应，经过调查...
- 2021-06-16 17:28回答 2 已采纳 把 el -form 标签里：rule去掉试试.如果只是想某一项去掉在rule数组里找到对应得删除即可（prop是用来区分得找到与prop相同得）
- 2022-03-17 14:34回答 1 已采纳 https://blog.csdn.net/weixin_35425512/article/details/80358352
- 2020-08-12 17:34回答 1 已采纳 给每个input设置ref属性，然后将value和ref关联起来。 这样某个value出错的时候，让对应的ref获得焦点。
- 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; } ...
- 2023-04-21 16:40回答 2 已采纳 该回答引用NewBing 您可以使用flex布局来实现在同一个el-form-item中的两个组件放入一行之中。具体来说，您可以在el-form-item中添加一个div，然后将两个组件放入这个div
- 爱喝冬瓜汤的外星人的博客 效果图 代码部分： 1.整体form在dialog中居中 ::v-deep .el-dialog .el-dialog__body{ display: flex; justify-content: center; align-items: center;...2.label宽度自适应 设置label-width=“a
- 2023-12-03 17:03EnrichCheng的博客 element 的el-select标签 怎么实现下拉框的自适应。
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月5日
已采纳回答
12月28日-
创建了问题
12月28日
悬赏问题
- ¥170 如图所示配置eNSP
- ¥20 docker里部署springboot项目，访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效
- ¥15 悬赏！微信开发者工具报错，求帮改
- ¥20 wireshark抓不到vlan
- ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
- ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
- ¥15 stata安慰剂检验作图但是真实值不出现在图上
- ¥15 c程序不知道为什么得不到结果
- ¥15 键盘指令混乱情况下的启动盘系统重装