如何让里面的元素展示出来 不换行 <template #default="scope" > <el-input-number v-model="scope.row.price" :precision="2" class="mx-4" :min="0.0" v-if="scope.row.bankServiceCategoryDto.method == 1" :max="99999999999.99" controls-position="right" style="width: 100%" /> <el-input-number v-model="scope.row.price" :precision="2" class="mx-4" :min="0.0" v-else :max="100" controls-position="right" style="width: 90%" /> <span style=" display: inline;" v-show="scope.row.bankServiceCategoryDto.method == 2">(%)</span> </template>

可以给 `el-input-number` 和 `span` 元素设置 `display: inline-block` 属性来让它们在同一行显示，代码如下：

.el-input-number,
span {
  display: inline-block;
}

将上述 CSS 代码加入到你的样式表中即可。注意，`el-input-number` 是一个组件，它的样式可能会被其它样式所覆盖，所以你需要确保你的 CSS 优先级足够高，或者通过添加 `!important` 来强制应用这个样式。