HTML表單定位

Question

我已經創建了兩個HTML表單元素，我需要將它們放在同一行中，但其中一個放置在另一個下面。

我該如何解決這個問題？我必須申請哪些CSS？

Answer 1

將樣式display:inline應用於表單。表單默認是塊級元素，因此需要設置爲內聯。或者你可以浮動窗體。

Answer 2

，如果它是在一個單獨的兩個文本框\ DIV \

然後寫這樣

div.el{display:inline;} 

然後應用在每個\ DIV \

的class="el"爲了簡化代碼，你可以還要將css屬性寫入\ input \ element。

Answer 3

表單默認爲阻止，阻止會自動獲得可用寬度的100％，並將其中一個壓入另一個。內聯元素只是在頁面流之後相互緊挨着添加。

這個article寫得很好。它可能會幫助你很多。這裏是你可以嘗試強制頁面中的表單顯示爲內聯元素：

form { dispaly:inline; }