element-ui中怎么让多个input框在一行显示

最新推荐文章于 2024-05-22 21:53:11 发布

宇航员628

最新推荐文章于 2024-05-22 21:53:11 发布

阅读量1.2w

点赞数 3

文章标签： ui vue.js es6

本文链接：https://blog.csdn.net/m0_48703324/article/details/121478798

版权

<el-form>

<el-row>

                  <el-col span="12">

                    <el-form-item >

             <el-input></el-input>
                    </el-form-item>

                  </el-col>

                  <el-col span="12">

                 <el-form-item>

<el-input></el-input>

                    </el-form-item>

                  </el-col>

                </el-row>

</el-form>

使用element分栏式布局，使用<el-row gutter=""><el-col></el-col></el-row>定义排在一行

默认一行长度为24

可以使用gutter定义每个输出框之间的间隔