Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将select和Input以及Button HTML元素对齐在一行中_Html_Css_Alignment - Fatal编程技术网

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

将select和Input以及Button HTML元素对齐在一行中,html,css,alignment,Html,Css,Alignment,有人能帮我选择下拉列表,一行输入和提交按钮吗 我只得到了一行中对齐的输入和按钮,但Select正在向上移动 我尝试了下面的CSS,但没有成功 display : inline; 你能帮我修改CSS,使之在一行中对齐吗 你的例子无处不在。另外,“selecter”应该拼写为“selector”,但这并不是重点。使用更多的元素来环绕较小的代码段。例如: <div> <div class="item"><p>Hello</p>&

有人能帮我选择下拉列表,一行输入和提交按钮吗

我只得到了一行中对齐的输入和按钮,但Select正在向上移动

我尝试了下面的CSS,但没有成功

display : inline;
你能帮我修改CSS,使之在一行中对齐吗


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

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

将按钮元素包装在
容器中,并使用上面的样式设置它们的样式。这回答了你的问题吗?

我找到了解决方案,我只需要做些修改

inline flex=>inline flex使容器内联,同时仍保留flex布局属性

display : inline-flex;
display : inline-flex;