Question

如何在没有发生换行的情况下在同一行中获取按钮和表单元素？非常感谢你！

  <button>ask question</button>
<form action="/search" method="get">
    <input type="text" name="q" value="{SearchQuery}"/>
    <input type="submit" value="Search"/>
    </form>

Answer 1

在表单上使用此CSS样式：style="display: inline;"。

<form action="/search" method="get" style="display: inline;">

这是demo on JSBin。

Answer 2

<button>和<form>都是块级元素。你需要使用CSS display: inline内联它们。不确定这是不是你的意思。这也取决于你更广泛的HTML。

Answer 3

输入字段是块级元素。您可以在CSS中更改显示规则：

input { display: inline; }

Answer 4

你可以让按钮浮动：

<button style="float: left;">ask question</button>

Answer 5

您可以浮动：同时保留按钮和表单

Answer 6

用于在输入框后添加新行，然后在 css 文件中添加 add -> input { display: block; }

按钮和表单之间没有换行符

6 个答案: