你好四季 2022-02-21 11:18 采纳率: 100%
浏览 550
已结题

element ui form表单中同一个el-form-item下input后的button怎么才能不换行

form表单中同一个el-form-item下input后的button怎么才能不换行呢

问题相关代码,请勿粘贴截图
<el-table-column type="expand">
                <template slot-scope="props">
                    <el-form :model="newProblemModel.optionCount" label-position="left" style="float: left"
                             class="demo-table-expand">
                        <el-form-item v-for="(options, index1) in props.row.optionCount" style="display:inline;"
                                      :label="'选项'+index1">
                            <el-input v-model="options.option"></el-input>
                            <el-button type="primary" @click="removeOption(props.$index,index1)" size="mini"
                                       icon="el-icon-remove"
                                       title="删除选项">
                            </el-button>
                        </el-form-item>
                    </el-form>
                </template>
            </el-table-column>
运行结果及报错内容

img

我想要达到的结果

img

  • 写回答

4条回答 默认 最新

  • qq_40262972 2022-02-21 11:37
    关注
    
    .el-form-item__content{
          display: flex;
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 3月1日
  • 已采纳回答 2月21日
  • 创建了问题 2月21日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度