Vue的label标签过长导致换行怎么办

我们在项目过程中总会遇见标签过长不对齐换行的问题很影响美观

<style scoped>
.el-form-item__label {
  max-width: 100%; /* 或者你希望的宽度，如200px */
  white-space: nowrap; /* 防止文本换行 */
  text-overflow: ellipsis; /* 显示省略号 */
}
</style>

<el-form-item label="关联订单号" prop="relationOrderNum"  class="el-form-item__label">
        <el-input
          v-model="queryParams.relationOrderNum"
          placeholder="请输入关联订单号"
          clearable
          @keyup.enter="handleQuery"
          class="!w-240px"
        />
      </el-form-item>

非常好用