如何分散按钮，他们目前堆叠？

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; 
} 

更好吗？