请输入效果-铺满100%

请输入效果-铺满100%

图例

格式

<div style="vertical-align: middle;margin-bottom: 50px;">
    <div style="width:10%;display:inline-block;position:relative;vertical-align: middle;">
        <el-input v-model="formF.name" placeholder="请输入" style="width:80%;">el-input>
        <span style="position:absolute;top:30%;right:30%">分span>
    div>
    <div class="spw">
        <el-input :rows="1" placeholder="请填写评分理由（70个字）" v-model="textareaBD">el-input>
    div>
div>

样式

  /deep/.el-input {
     
    position: absolute;
    width: 10%;
    // top: -40px;
    left: -70px;
    border: 0px solid transparent;
    vertical-align: middle;
  }
  /deep/.el-input__inner {
     
    height: 36px;
    width: 50px;
    line-height: 36px;
    padding: 0px 0px;
    font-size: 14px;
    border: 0px solid transparent;
  }
}
.spw {
     
  display: inline-block;
  height: 36px;
  margin-left: 2%;
  width: 88%;
  line-height: 36px;
  // margin-left: 160px;
  // background: red;
  vertical-align: middle;
}