html - div中的垂直对齐下拉菜单

Question

如何在已知宽度和高度的 div 中放置已知宽度的下拉列表？垂直对齐对我没有帮助。

    <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;
}