2012-02-02 52 views
15

如何在沒有換行符的情況下在同一行中獲得按鈕和表單元素? 非常感謝你!按鈕和表格之間沒有換行符

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

回答

23

使用此CSS樣式。

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

這是demo on JSBin

2

<button><form>是塊級元素。你需要讓它們與CSS display: inline內聯。不知道這是你的意思。也取決於您更廣泛的HTML。

1

您可以浮動:留下按鈕和表格

2

輸入字段是塊級元素。窗體上style="display: inline;":您可以更改顯示規則CSS:

input { display: inline; } 
2

你可以做的按鈕浮動:

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

這也適用於一種形式,而接受的答案沒有工作。 – 2016-02-24 18:19:35

相關問題