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

像这样;测试：