新手小白：elementUI的el-input在一行显示

在Element UI中，el-input 组件默认是会换行的，如果你想要让它在一行显示，可以通过设置CSS样式来实现。

以下是一个简单的例子，演示如何使用CSS使 el-input 组件在一行内显示：




<template>
  <el-input v-model="input" class="inline-input"></el-input>
</template>
 
<script>
export default {
  data() {
    return {
      input: ''
    };
  }
};
</script>
 
<style>
.inline-input .el-input {
  display: inline-block;
  vertical-align: middle;
}
</style>

在这个例子中，.inline-input 类被添加到 el-input 组件上，然后在样式中设置 display: inline-block 使得输入框在一行内显示。如果你还希望垂直居中，可以添加 vertical-align: middle。

新手小白：elementUI的el-input在一行显示

评论已关闭

推荐阅读