el-form-item和el-input不同行

要让el-form-item和el-input不在同一行，可以使用CSS的display属性来控制它们的布局。具体的做法如下：

1. 在el-form-item上添加class属性，比如"form-item"。
2. 在CSS样式中，为.form-item添加display属性，并将其值设置为"block"，这将使得.el-form-item元素在页面中以块级元素的形式显示。
3. 然后为.el-input元素添加一个新的CSS类，比如"input-block"，并将其display属性设置为"block"，这将使得.el-input元素也以块级元素的形式显示，并且独占一行。

最终的HTML代码应该如下所示：

<el-form>
  <el-form-item class="form-item">
    <el-input class="input-block"></el-input>
  </el-form-item>
</el-form>

而对应的CSS代码可以如下所示：

.form-item {
  display: block;
}

.input-block {
  display: block;
}

这样做就可以让el-form-item和el-input不在同一行了。当然，你可以根据具体的需求调整CSS样式以达到更好的布局效果。