HTML選擇框顯示問題

反正我可以控制選擇框的顯示方式。目前它顯示如下，在這裏我想看到選擇框向下。這是文本「測試：」後我想看到「選擇」，整個盒子應該下來。可能嗎？HTML選擇框顯示問題

enter image description here

這裏是我此代碼：

Test: <select multiple="multiple" size="5"> 
     <option value="none" selected >Select</option> 
     <option value="saab">Saab</option> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
     <option value="audi">Honda</option> 
     <option value="audi">Toyota</option> 
     <option value="audi">BMW</option> 
     </select>

來源

2011-03-17 jgg

謝謝大家的回答！我已經測試了你所有的答案和所有作品！對於我的情況@moses答案看起來合適！ – jgg 2011-03-17 19:21:11

除了鎮的;

方法1：

<table> 
<tr> 
    <td valign="top">Test: </td> 
    <td valign="top">Select box here</td> 
</tr> 
</table>

方式2：

<div style="float: left;">Text: </div> 
<div style="float: left;">Select box here</div>

來源

2011-03-17 00:30:34 miqbal

如果我理解正確你的問題......

你可以只添加周圍的選擇框<div>標籤。

<div> 
<select>...</select> 
</div>

來源

2011-03-17 00:24:55 Haochi

只要將它放在div中就不會糾正標籤的對齊方式。您仍然需要使用樣式來糾正此問題。 – jon3laze 2011-03-17 00:30:16

@ john3laze OP說沒有任何關於對齊。他只是說「去吧。」我現在應該能夠讀懂他的想法嗎？ :) – Haochi 2011-03-17 03:43:48

如果你把一個div和「測試：」內所有內容的span中的文本，您可以使用CSS的vertical-align: top到span對齊到其父的頂端，像這樣：

<div> 
    <span style="vertical-align: top;">Test:</span> 
    <select multiple="multiple" size="5"> 
     <option value="none" selected >Select</option> 
     <option value="saab">Saab</option> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
     <option value="honda">Honda</option> 
     <option value="toyota">Toyota</option> 
     <option value="bmw">BMW</option> 
    </select> 
</div>

來源

2011-03-17 00:28:43 Town

我想你想要的是添加一個「垂直對齊：首位;」到您的選擇和文本容器。這應該爲你解決它。

來源

2011-03-17 00:31:45 Myles

像這樣;測試：