垂直對齊<select>組合框？

Question

我有我的<select>組合框這個CSS風格：

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，它們是內聯的。