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

如何在没有换行符的情况下在同一行中获得按钮和表单元素？非常感谢你！按钮和表格之间没有换行符

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

来源

2012-02-02 Roland

使用此CSS样式。

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

这是demo on JSBin。

来源

2012-02-02 17:49:27

既<button>和<form>是块级元素。你需要让它们与CSS display: inline内联。不知道这是你的意思。也取决于您更广泛的HTML。

来源

2012-02-02 17:48:25 bzx

您可以浮动：留下按钮和表格

来源

2012-02-02 17:48:35 iblazevic

输入字段是块级元素。窗体上style="display: inline;"：您可以更改显示规则CSS：

input { display: inline; }

来源

2012-02-02 17:48:50 IanGilham

你可以做的按钮浮动：

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

来源

2012-02-02 17:52:00 nolt2232

这也适用于一种形式，而接受的答案没有工作。 – 2016-02-24 18:19:35

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

回答

相关问题