垂直对齐<select>组合框？</select>

Question

我的CSS组合框具有<select>样式：

select
{
margin: 10px 0 0 40px;
min-width: 100px;
}

我希望垂直对齐两个组合框。我尝试了以下操作，但它不起作用：

<form>
   <select>
     ...
   </select>
   <br /> <!-- This has no effect -->
   <select>
     ...
   </select>
</form>

相反，它们是水平放置的。请帮忙！

Answer 1

将CSS更改为：

select
{
margin: 10px 0 0 40px;
min-width: 100px;
display:block;
}

在旁注中，鉴于您上面发布的代码，它应该work fine而不必使用display:block。您必须有其他CSS才能使它们内联。