html - 将 select 和 Input 以及 Button HTML 元素对齐在一行中

Question

谁能帮我把 Select Drop down、Input 和 Submit 按钮排成一行。

我只有 Input 和 Button 排成一行，但 Select 倒置。

我在 CSS 中尝试了以下但没有成功

display : inline;

能否请您帮忙修改 CSS 以在一行中对齐。

Demo

Answer 1

你的例子无处不在。此外，“selecter”应该拼写为“selector”，但这不是重点。使用更多<div>元素环绕较小的代码段。例如:

    <div>
        <div class="item"><p>Hello</p></div>
        <div class="item"><p>Stack</p></div>
        <div class="item"><p>Overflow!</p></div>
    </div>

通常，这些 <div>的将显示在彼此之下。但是，如果我们添加一个类似于您正在使用的样式规则，我们将在一行中同时获得这三个元素的结果。

.item {
    display: inline-block;
}

将您的按钮元素包裹在 <div> 中容器并用上面的样式设置它们。这是否回答了您的问题？