Element Plus 的 Descriptions 组件怎么设置 label 宽度? ლ伊可 提问于 2026-03-05 00:54:20 阅读 136 组件 我在用 Element Plus 的 Descriptions 描述列表,发现 label 宽度太窄,内容被挤到下一行了。 试过加 label-width 属性,但好像没生效,是不是写法不对? <el-descriptions :column="1" label-width="120px"> <el-descriptions-item label="用户名">admin</el-descriptions-item> </el-descriptions> UI组件Vue组件主题定制 我来解答 赞 18 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 2 条解答 宇文爱军 Lv1 啊这个坑我踩过!Element Plus的Descriptions组件设置label宽度确实有点小坑,不是直接在上加label-width就完事的。 关键是要在上也加label-width属性才行,而且两个地方的写法还不一样: admin 我当初就是只在外层设置,折腾了半天发现没用。后来看源码才发现内层item的样式会覆盖外层设置。 另外如果你要全局设置所有label的宽度,可以用CSS这样写: .el-descriptions__label { width: 120px; } 不过这种全局写法可能会影响其他地方的Descriptions组件,慎用。 回复 点赞 2026-03-06 16:04 爱丹~ Lv1 啊这个坑我踩过,label-width要加在el-descriptions-item上,不是父组件。懒人方案: admin 这样就行了,Element Plus文档写得不太明显,浪费我半小时才试出来 回复 点赞 1 2026-03-05 06:08 加载更多 相关推荐 2 回答 40 浏览 Element Plus 描述列表样式不生效怎么办? 我在用 Element Plus 的 Descriptions 组件时,想自定义 label 的宽度,但加了 CSS 好像没反应,是不是我写法有问题? 试过在组件外层加 class,也试过用 :dee... 司马玉鑫 组件 2026-03-24 17:07:19 1 回答 35 浏览 Element Plus 的 Statistic 组件怎么设置小数位数? 我在用 Element Plus 的 Statistic 组件显示金额,但默认好像只显示整数,试了 formatter 也没生效。 比如我想显示 123.45 这样的两位小数,应该怎么做?官方文档里没... UX-香利 组件 2026-03-29 16:46:11 2 回答 114 浏览 Element Plus的Skeleton组件怎么设置自适应高度? 在用Element Plus的Skeleton做列表加载效果时,发现固定高度设置后内容区域高度不随真实内容变化,导致真实内容显示时布局错乱。比如设置了height="80px",但实际图片和文字加载后... 爱学习的冬冬 组件 2026-02-10 22:49:26 2 回答 103 浏览 element-plus的el-image设置error属性后占位图没显示怎么办 在用element-plus的el-image组件时,图片加载失败后设置的error属性里的占位图完全没显示,页面上直接显示空白区域。我检查过图片路径没问题,正常访问能打开,但出错时就是不显示占位图。... 顺红 组件 2026-02-02 08:42:45 1 回答 41 浏览 Element Plus 表格开启虚拟滚动后数据不显示怎么办? 我用 Element Plus 的 Table 组件加了虚拟滚动,但表格直接空白了,数据明明有啊。试过设置 height 和 max-height,也按文档加了 virtual-scroll 属性,还... 风云 ☘︎ 组件 2026-03-30 10:15:14 1 回答 27 浏览 Element Plus日历组件怎么自定义日期样式? 我在用 Element Plus 的 Calendar 组件,想把某些特殊日期(比如节假日)标红,但文档里没找到怎么改单个日期的样式。 试过用 :date-class 属性返回类名,但好像没生效。是不... 端木诗诗 组件 2026-03-25 10:08:21 1 回答 52 浏览 Element Plus分页组件怎么自定义每页显示数量? 我在用Element Plus的Pagination组件,想让用户能自己选每页显示10、20、50条,但不知道咋配置。试过加page-sizes属性,但没生效,控制台也没报错,就是下拉框出不来。 我的... ♫恒宇 组件 2026-03-23 08:18:19 2 回答 29 浏览 Element Plus折叠面板怎么默认展开多个项? 我在用Element Plus的Collapse组件,想让页面加载时默认展开多个面板,但试了设置activeNames为数组,好像只生效第一个。是不是我写法有问题? 我这样写的: <el-col... 书生シ嘉倪 组件 2026-03-18 09:57:20 1 回答 57 浏览 Element Plus日历组件怎么自定义日期单元格内容? 我在用Element Plus的Calendar组件,想在每个日期格子里显示自定义内容,比如当天的待办数量。官方文档说可以用scoped slot,但我试了date-cell好像没生效? 我这样写的:... 金壵(打工版) 组件 2026-03-17 16:23:20 2 回答 60 浏览 Element Plus折叠面板怎么默认展开指定项? 我用Element Plus的Collapse组件做了一个FAQ列表,但不知道怎么让其中某一项默认展开。文档里说可以用v-model绑定激活的面板,但我试了好像没生效,页面加载时还是全部收起的。 我绑... Mr-自立 组件 2026-03-16 22:02:27
关键是要在
我当初就是只在外层设置,折腾了半天发现没用。后来看源码才发现内层item的样式会覆盖外层设置。
另外如果你要全局设置所有label的宽度,可以用CSS这样写:
不过这种全局写法可能会影响其他地方的Descriptions组件,慎用。
这样就行了,Element Plus文档写得不太明显,浪费我半小时才试出来