HTML选择框显示问题

Question

无论如何，我可以控制选择框的显示方式。目前它显示如下，这里我想看到向下的选择框。这是在文本“测试：”后我想看到“选择”，整个框应该下降。有可能吗？

这是我的代码：

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>

Answer 1

如果您将所有内容放在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> 对齐其父母的顶部，如下：

{{1}}

Answer 2

除了Town之外;

方式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>

Answer 3

如果我正确理解你的问题......

您只需在选择框周围添加<div>标记即可。

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

Answer 4

我认为您想要的是添加“vertical-align：top;”到您的选择和文本容器。那应该为你解决。

Answer 5

这是你要找的吗？

http://jsfiddle.net/bobkruithof/jSB5F/

Answer 6

围绕两个对象（text和selectbox）创建一个容器，并通过为对象提供自己的div来分隔对象，并为text div应用vertical-align和float：left属性。

<div>
    <div style="vertical-align:top; float:left;">
        Test:
    </div>
    <div>
    <select multiple="multiple" size="5" style="vertical-align:text-bottom;">
        <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>
      </div>
</div>