如何分散按鈕，他們目前堆疊？

Question

我有一堆按鈕的我的網頁上，我的HTML是這樣的：

<div> 
    <input ..> 
    <input ...> 
</dvi> 

目前，他們只是互相疊加起來，我想他們都在一個水平線上展開。

我試着這樣做：

顯示：內聯

在外層div，但沒有奏效。

Answer 1

嘗試display:inline或float:left上的輸入。

Answer 2

只是float他們！

<div> 
    <input style="float: right" /> 
    <input style="float: right" /> 
</div> 

Answer 3

嘗試：

div input { 
    float: left; 
    margin-right: 10px; 
} 

...或者類似的東西。您可以提供輸入類或ID（通常建議這樣做），以便您可以將特定樣式應用於每個輸入類。

Answer 4

你是否說過你將內聯應用於div？這將div設置爲內聯顯示，但我認爲你想要的是輸入內聯顯示。請嘗試：

div input { 
display: inline; 
} 

更好嗎？