elementUI使textarea撑满空间,不留空

Posted jiangxiaoxi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementUI使textarea撑满空间,不留空相关的知识,希望对你有一定的参考价值。

技术图片

给textarea加上height:100%即可解决,样式代码如下

  .el-textarea__inner,
  .el-textarea {
    height: 100% !important;
  }

效果如下

 

 

 

 技术图片

同样的select下拉框也有同样的问题

技术图片

我们只需要加上这个样式就可以撑满父容器了el-select

  .el-select>.el-input {
    width: initial !important;
  }

 

以上是关于elementUI使textarea撑满空间,不留空的主要内容,如果未能解决你的问题,请参考以下文章

elementui使用MessageBox 弹框自定义内容$msgbox:实现一个textarea文本输入框

React Native,flexbox布局

Oracle11g adump目录下面.aud增长导致空间撑满无法删除导致CRS无法启动的解决方法

elementUI控件el-scrollbar定位布局

解决EditText不能撑满全屏的问题及EditText你应该知道的属性

ElementUI输入框组件