el 表单一行多列布局怎么布局

想要的效果
image.png

:inline="true"之后直接变成
image.png

怎么把下面的直接设成独占一行

<el-form ref="form" :model="form" label-width="80px" size="mini" :inline="true">
     <el-form-item label="姓名">
        <el-input v-model="addAddForm.name"></el-input>
      </el-form-item>
        <el-form-item label="手机">
           <el-input v-model="addAddForm.phone"></el-input>
         </el-form-item>
         <el-form-item label="地址">
            <el-input style=”width:100px” v-model="addAddForm.add"></el-input>
          </el-form-item>
</el-form>
阅读 4.8k
2 个回答

看到你自己写的width:100px了吗

<el-form ref="form" :model="form" label-width="80px" size="mini" :inline="true">
     <el-form-item label="姓名">
        <el-input v-model="addAddForm.name"></el-input>
      </el-form-item>
        <el-form-item label="手机">
           <el-input v-model="addAddForm.phone"></el-input>
         </el-form-item>
         **<div>**
         <el-form-item label="地址" style="width:100%">
            <el-input style=”width:calc(100% - 80px);” v-model="addAddForm.add"></el-input>
          </el-form-item>         
        ** </div>**

</el-form>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题