el-form-item label不换行 不被el-input 遮盖

如果您想要确保el-form-item的label不被el-input遮盖，您可以使用flex布局来调整它们的排列方式。您可以将el-form-item和el-input包装在一个容器内，并使用flex布局来控制它们的排列方式。以下是一个示例：

<template>
  <div class="form-container">
    <el-form-item label="这是一个很长的label">
      <el-input></el-input>
    </el-form-item>
  </div>
</template>

<style>
.form-container {
  display: flex;
  align-items: flex-start; /* 控制元素垂直对齐方式 */
}
</style>

在这个例子中，我们使用了一个名为"form-container"的容器，并将其设置为flex布局。通过设置align-items属性，我们可以控制元素在垂直方向上的对齐方式。使用"flex-start"值可以确保label不被遮盖，并与el-input对齐。

您可以根据需要调整容器和元素的样式，以使它们适应您的布局需求。