html 两个input 框之间放一个 / ,要求在一行显示

可以使用CSS的flex布局来实现两个input框之间放一个斜杠并在一行显示，具体代码如下：

HTML代码：

<div class="input-group">
  <input type="text" placeholder="输入框1">
  <span>/</span>
  <input type="text" placeholder="输入框2">
</div>

CSS代码：

.input-group {
  display: flex;
  align-items: center;
}

.input-group input {
  margin-right: 5px;
  width: 100%;
}

.input-group span {
  margin: 0 5px;
}

这样就可以将两个输入框和斜杠放在同一行并且自适应宽度。

相关问题

el-form-item一起放两个组件，一个input，一个button，在一行

要使用`el-form-item`将一个input和一个button放在一行，可以使用Flexbox布局或者行内块元素。以下是两种方法的示例代码：

### 方法一：使用Flexbox布局

<template>
  <el-form>
    <el-form-item class="input-container" label="Label">
      <div class="input-wrapper">
        <input type="text">
        <button>submit</button>
      </div>
    </el-form-item>
  </el-form>
</template>

<style>
.input-container {
  display: flex;
  align-items: center;
}

.input-wrapper {
  display: flex;
  align-items: center;
}
</style>

在上面的代码中，我们使用`el-form`将`el-form-item`包裹起来，并将它们放入一个Flex容器中。我们还使用`align-items: center`将input和button垂直居中对齐。最后，我们使用`el-form-item`的`label`属性来添加标签。

### 方法二：使用行内块元素

<template>
  <el-form>
    <el-form-item label="Label">
      <div class="input-container">
        <input type="text" style="display: inline-block;">
        <button style="display: inline-block;">submit</button>
      </div>
    </el-form-item>
  </el-form>
</template>

<style>
.input-container {
  /* add any additional styling for the container here */
}
</style>

在上面的代码中，我们将input和button设置为行内块元素，使它们可以在同一行上显示。我们还可以在容器中添加任何其他所需的样式。我们同样使用`el-form-item`的`label`属性来添加标签。

一个el-form-item里 怎么放两个input

在一个 `el-form-item` 中放置两个 `input` 可以使用 `el-row` 和 `el-col` 的组合来实现。你可以将 `el-row` 作为 `el-form-item` 的直接子元素，然后在 `el-row` 中放置两个 `el-col` ，每个 `el-col` 再放置一个 `input`。

下面是一个示例代码：

<template>
  <el-form>
    <el-form-item label="用户名">
      <el-row>
        <el-col :span="12">
          <el-input v-model="username1"></el-input>
        </el-col>
        <el-col :span="12">
          <el-input v-model="username2"></el-input>
        </el-col>
      </el-row>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      username1: '',
      username2: ''
    };
  }
};
</script>

在这个示例中，我们创建了一个 `el-form-item` ，并在其中创建了一个 `el-row` 。然后我们创建了两个 `el-col` ，每个 `el-col` 中都放置了一个 `el-input` 。两个 `el-col` 的 `span` 属性都设置为 `12` ，这样它们就会平分 `el-row` 的宽度，从而实现在同一行中放置两个 `input` 的效果。