如何在一行上顯示三個文本字段

Question

我試圖在一行上顯示三個文本字段。當屏幕較小時，這些文本框應顯示在同一行中。目前，當我使瀏覽器變小時，文本框會移至第二行。

我該如何做到這一點？

請看我code

HTML

<div class="fields"> 
    <input type="text" class="name" /> 
    <span>&ndash;</span> 
    <input type="text" class="name" /> 
    <input type="text" class="name2" /> 
</div> 

CSS

.fields { 
    border: 1px solid grey; 
    width: 23%; 
} 
.name { 
    display: inline; 
    width: 11ex; 
} 
.name2 { 
    display: inline; 
    width: 8ex; 
} 

Answer 1

給空白：NOWRAP;到您的.fields DIV。像這樣寫：

.fields { 
      border: 1px solid grey; 
      width: 23%; 
      white-space:nowrap; 
     } 

入住這http://jsfiddle.net/6tkF8/1/

Answer 2

解決您的問題：

.fields { 
    display: inline; 
}