在div中垂直對齊下拉菜單

Question

如何將已知寬度的下拉菜單放在已知寬度和高度的div中？vertical alignment does not help me。

<div id="wrapper"> 
     <select id="dropdown" ></select> 
    </div> 

    #wrapper{ 
     border-style:solid; 
     height:100px; 
     width:200px; 
    } 

    #dropdown {  
     vertical-align:middle; 
     width:80px; 
    } 

這裏是jsFiddle。

Answer 1

#wrapper { 
    border-style:solid; 
    height:100px; 
    width:200px; 
    display:table-cell; 
    vertical-align:middle; 
} 
#dropdown { 
    width:80px; 
}