elementul的这个表单组件，我想要设置的lable是auto的。但是外面的盒子还是等宽的，我想要的效果是每个盒子根据自己的内容长度一致的宽度，这样我排列起来，他就不会出现这种中间两个字的空白一块，右边四个字的又感觉很挤。这种有什么办法可以解决吗。
el-form-item如何让宽度自适应
elementul的这个表单组件，我想要设置的lable是auto的。但是外面的盒子还是等宽的，我想要的效果是每个盒子根据自己的内容长度一致的宽度，这样我排列起来，他就不会出现这种中间两个字的空白一块，右边四个字的又感觉很挤。这种有什么办法可以解决吗。
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2024-03-07 11:55斗帝蓝电霸王龙的博客 ui`做`后台管理`的时候，有个需求是在`弹窗组件`里面，添加一个`el-select下拉框选项`，但是给`el-select`设置的宽度`无法自适应`，原因很简单，我们不需要设置固定宽度，设置`百分比就行了`，让他继承父元素，...
- 2024-03-29 15:06m0_47177307的博客 这里是封装了一个组件，在其他地方引用的时候没有问题，不会被拉长，看了下这里的引入是被el-form-item包裹的，应该是受el-form-item的样式影响了，通过f12查看，翻阅了下官方文档，将 el-form-item的宽度label-...
- 2025-05-08 15:14小丁学Java的博客 的 Flex 布局和让表单开发更高效，特别适合动态表单。迁移建议：检查的值是否需要调整，尤其在动态表单中，优先使用auto模式。无障碍性：在 Element Plus 中利用prop或for提升 A11y（Accessibility - 可访问性）。...
- 2022-02-26 23:06java_进阶路的博客 el-form标签中label-width设置为**auto，label就会自适应标签的长度，**但会默认右对齐(此时使用label-position="left"也无法改变对其方式) 代码如下： 效果图： 此时，label以右对齐的方式进行自适应，经过调查...
- 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.整体form在dialog中居中 ::v-deep .el-dialog .el-dialog__body{ display: flex; justify-content: center; align-items: center;...2.label宽度自适应 设置label-width=“a
- 2025-04-23 21:11xt-super的博客 el-form设置inline属性时el-select宽度丢失。
- 2023-12-03 17:03EnrichCheng的博客 element 的el-select标签 怎么实现下拉框的自适应。
- 2025-04-29 15:22coderYYY的博客 前端程序媛，目前主攻。
- 2020-08-22 17:59milijiangjun的博客 在标签el-select中，添加style=“display:block;” 宽度将由上层div宽度决定 display: grid; grid-template-columns: minmax(auto,400px);...el-form-item label="供应商名" prop="supplier" :class="{ 'is-requ
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月5日
已采纳回答
12月28日-
创建了问题
12月28日