若依框架输入框怎么取消占整行

若依框架（Joi）是一个简洁、高性能的前端UI组件库，主要用于Vue.js项目中构建用户界面。若依的Input组件默认可能会占据整个行，如果你想让输入框不单独占据一行，你可以通过调整CSS样式来自定义其布局。具体步骤如下：

1. **在Vue文件中**，找到对应的Input元素，并给它添加一个自定义的class，例如`custom-input`：

<template>
  <el-form-item label="输入框">
    <el-input class="custom-input" placeholder="请输入内容"></el-input>
  </el-form-item>
</template>

2. **在CSS文件或 scoped样式中**，为`.custom-input`类添加样式，使其宽度不再为100%或设置`display`为非块级元素，如`inline-block`：

.custom-input {
  width: auto; /* 或者设置为具体的宽度，比如：width: 200px; */
  display: inline-block; /* 或者 flex, inline-flex */
  vertical-align: middle;
}

3. **如果需要，还可以添加其他样式调整对齐和间距**，根据你的实际需求进行调整。

完成以上步骤后，你的Input框应该不会单独占据一行了。如果你想要更精确的控制，也可以考虑使用Flexbox或者Grid布局来定制。