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

逃离我推掉我的手 2023-09-30 07:14 37阅读 0赞

<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分栏式布局，使用定义排在一行

默认一行长度为24

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

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap 两个input文本框在一行显示

<div class="form-group" style="float:left;display:flex;width:100%"> <input...

本是古典何须时尚/ 2024年04月18日 10:14/ 0 赞/ 124 阅读

相关 Layui 一行显示多个元素

<div> 搜索用户名： <div class="layui-inline"> <input class="la

- 日理万妓/ 2023年10月05日 15:18/ 0 赞/ 104 阅读

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

<el-form> <el-row> ??????????????????<el-col?span="12"> ?

逃离我推掉我的手/ 2023年09月30日 07:14/ 0 赞/ 38 阅读

相关让input输入框在div中垂直居中

`<``style``>` `searchDiv{` ` ``height:30px;` ` ``line-height:30px;` ` ``bac

骑猪看日落/ 2023年06月16日 10:54/ 0 赞/ 72 阅读

相关微信小程序怎么让多个view处在同一行

view布局首先，在一个view里面嵌套多个view <view class="head">  <view

绝地灬酷狼/ 2023年06月02日 15:54/ 0 赞/ 70 阅读

相关重写elementUI中的message提示框，解决提示框同时显示多个的问题

第一步：先写一个js文件： import { Message } from 'element-ui'; let messageInst

柔光的暖阳◎/ 2022年12月08日 05:24/ 0 赞/ 439 阅读

相关一行显示多个div 并居中显示

代码：主要是样式：display:table-cell; <style> .primary_button { border-styl

墨蓝/ 2022年09月21日 01:28/ 0 赞/ 284 阅读

相关怎么让span与img在同一行

![20171220211858963][] 在img样式加： display:inline-block; <div class="navbar-head

青旅半醒/ 2022年06月03日 06:27/ 0 赞/ 450 阅读

相关 markdown中让图片和表格显示在一行

原本的markdown表格语法是没有这个功能的,只能通过html代码来实现,在表格和图片外面再套上一个表格，外表格的第一个单元格放内表格，后表格放图片标签。具体html代码如下

朱雀/ 2022年05月15日 14:13/ 0 赞/ 645 阅读

相关多个div在一个div中一行水平显示

1.使用 inline-block .an{ display: inline-block; }

小鱼儿/ 2021年09月27日 11:26/ 0 赞/ 472 阅读