Question

我想把两个不同的div放在一行。我尝试使用display创建一个新的div：inline / inline block，但它们仍然显示在下一行。如何使用CSS显示一行中的所有内容。

   <div id ="yourwrapper">

    <FORM NAME="myform" ACTION="" METHOD="GET">
    Box Name:
        <SELECT NAME="list1" ID="list1">
               <OPTION>CD1</OPTION>
         </SELECT>   
    <INPUT TYPE="button" NAME="button" VALUE="New" onClick="AddItem1()"/>
    <INPUT TYPE="button" NAME="button" VALUE="Delete" onClick="DeleteItem1()"/>
    <INPUT TYPE="button" NAME="button" VALUE="Copy" onClick="CopyItem1()"/>

  </div>

Answer 1

您也可以尝试

#yourwrapper {
  whitespace: no-wrap;
}

将告诉css不要包装元素，它们将离开页面。

Answer 2

试试这个：

#yourwrapper > div{
  float:left;
}

Answer 3

如果您打算使用内联元素，请使用span而不是div。要使元素彼此对齐，请使用float：left（然后在最后清除）或display：inline-block。

在一行css中显示所有内容

3 个答案: