如何使两个select选择器在同一行且中间有间隔

要将两个 `<select>` 选择器放置在同一行并在它们之间留出间隔，你可以使用 CSS 来实现。下面是一个示例代码，演示如何实现这个效果：

<style>
    .select-container {
        display: flex;
        gap: 20px; /* 调整这个数值来控制间隔大小 */
    }
</style>

<div class="select-container">
    <select>
        <option value="option1">选项1</option>
        <option value="option2">选项2</option>
        <option value="option3">选项3</option>
    </select>

    <select>
        <option value="option1">选项A</option>
        <option value="option2">选项B</option>
        <option value="option3">选项C</option>
    </select>
</div>

在上面的代码中，我们使用了一个包裹容器 `<div>` 来将两个 `<select>` 放置在同一行。通过设置 `.select-container` 的样式为 `display: flex;`，我们将其变为一个弹性容器，这样子元素就可以在同一行显示。

然后，通过设置 `.select-container` 的样式为 `gap: 20px;`，我们可以控制两个 `<select>` 选择器之间的间隔大小。你可以根据需要调整 `gap` 的数值来改变间隔的大小。