el-descriptions-item 折行

el-descriptions-item 折行是指在使用 el-descriptions 组件时，某个字段内容过长导致该字段在 el-descriptions-item 中换行显示的问题。解决这个问题的方法是通过修改 el-descriptions-item 的样式来实现。可以给 el-descriptions-item 添加一个类名，并设置最大宽度和 word-break 样式来控制内容的换行显示。另外，如果内容中包含 el-progress 组件，需要将其样式设置为 display: inline-block; 或 display: inline-flex;，使其与其他元素在同一行上显示，避免换行。以下是解决 el-descriptions-item 折行的示例代码：

.el-descriptions-item__content {
max-width: 295px;
word-break: break-all;
}

.el-progress {
display: inline-block; /* 或 display: inline-flex; */
}

<el-descriptions-item class-name="my-class" label="字段名称">
<!-- 内容 -->
</el-descriptions-item><span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>