el-input和el-select宽度不一样，怎么调整为一样

在Element UI中，`el-input` 和 `el-select` 的默认宽度通常是基于其内部内容自适应的。如果你想要将它们调整为相同的宽度，你可以通过设置CSS样式来控制。以下是几种常见的方式：

1. **直接设置宽度**:
对于单个元素，你可以直接给`el-input` 和 `el-select` 元素添加一个固定的宽度属性，如 `style="width: 200px;"`。

<el-input style="width: 200px;"></el-input>
<el-select style="width: 200px;"></el-select>

2. **使用class**:
创建一个CSS类，然后同时应用到两个组件上，例如 `.custom-width`:

.custom-width {
  width: 200px;
}

<el-input class="custom-width"></el-input>
<el-select class="custom-width"></el-select>

3. **通过父容器统一布局**:
如果它们都在同一个容器下，你可以设置该容器的宽度，让两者共享：

.container {
  display: flex;
  flex-wrap: nowrap; /* 防止换行 */
  justify-content: space-between; /* 或者其他布局方式 */
}

<div class="container">
  <el-input></el-input>
  <el-select></el-select>
</div>