在一行HTML放置元素

Question

我有以下的div並有在側面許多HTML元素它

<div id="master">....<option><option> <input type="file"/>.<div></div>...</div> 

我要的是所有主DIV中的元素應該是在一個行，當第一行佔用那麼它應該開始將元素放在第二行

它有可能嗎？

Answer 1

#master { 
width: 200px; 
display: inline-block; 
vertical-align: top; 
} 

或者 Click here

Answer 2

如果你希望所有孩子的使用 float:left特性，在行問心無愧eaach其他的你可以做到這一點

。

檢查驗證碼：（我認爲這是你想要的）

<div> 
     <select style="float:left"> 
      <option>--select--</option> 
     </select> 
     <input type="text" style="float:left"/> 
     <div style="float:left;position:relative;border:1px solid black"> 
      dummy Text 
     </div> 
     <select style="float:left"> 
      <option>--select--</option> 
     </select> 
     <input type="text" style="float:left"/> 
     <div style="float:left;position:relative;border:1px solid black"> 
      dummy Text dummy Text dummy Text dummy Text dummy Text 
     </div> 
     <select style="float:left"> 
      <option>--select--</option> 
     </select> 
     <input type="text" style="float:left"/> 
     <div style="float:left;position:relative;border:1px solid black"> 
      dummy Text dummy Text dummy Text dummy Text dummy Text dummy Text dummy Text dummy Text 
     </div> 
    </div> 

Answer 3

嘗試下面的CSS來獲取DIV master直列裏面的所有元素

CSS

#master > *{ 
    display:inline-block; 
} 

你可以在這裏查看樣品..

Fiddle Demo