新手小白：elementUI的el-input在一行显示

本文介绍: 在引用 elementUI的表单组件（自定义的校验规则）时，想添加验证码一项，并且【发送验证码】的button想要实现和验证码的el–input在同一行。通过网上查询资料发现，有人提供了解决办法时使用 d i a play：inline 样式，尝试发现都没有效果（不知道是不是自己操作的原因！（样式有点丑还需要调整，但解决了一个小问题，所以记录一下）所以就另找解决办法，通过 el–row的方法解决啦！希望大家有更好的解决办法。

在引用 elementUI的表单组件（自定义的校验规则）时，想添加验证码一项，并且【发送验证码】的button想要实现和验证码的el-input在同一行

通过网上查询资料发现，有人提供了解决办法时使用 d i aplay：inline样式，尝试发现都没有效果（不知道是不是自己操作的原因！）

所以就另找解决办法，通过 el-row的方法解决啦！下面看代码！！！！！

&lt;el-row&gt;
  &lt;el-form-item label="手机号码" prop="pass"&gt;
    &lt;el-input type="password" v-model="ruleForm.phoneNumber" autocomplete="off"&gt;&lt;/el-input>
  </el-form-item>
</el-row>
<el-row>
  <el-form-item label="密码" prop="pass" >
    <el-input type="password" v-model="ruleForm.pass" autocomplete="off" ></el-input>

  </el-form-item >
</el-row>
<el-row>
  <el-form-item label="验证码" prop="checkPass" :inline="ture" >
    <el-input type="password" v-model="ruleForm.checkPass" autocomplete="off" :inline="ture"></el-input>
  </el-form-item>
  <button :inline="ture">111</button>

</el-row>