利用网格布局对el-form-item中的input设为textarea时没有垂直居中的问题

最新推荐文章于 2025-03-12 15:21:39 发布

原创最新推荐文章于 2025-03-12 15:21:39 发布 · 1.4k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #javascript #elementui

收录于

博客涉及Vue.js、JavaScript和ElementUI相关内容，这些技术在前端开发中较为常用，Vue.js是前端框架，JavaScript是脚本语言，ElementUI可辅助构建界面。

 <el-form class="edit-form" :model="formData" ref="formData">
     <el-form-item label="内容111">
        <el-input
          type="textarea"
          placeholder="请输入"
          autosize
          v-model="formData.data"
        ></el-input>
      </el-form-item>
 </el-form>

.el-form-item {
    grid-template-columns: auto 1fr;
    display: grid;
    align-items: center;
    width: 90%;
    &::before {
      content: unset;
    }
  }
.el-form-item__content {
    margin-left: 0;
  }