下拉列表垂直居中

方法1：相對容器絕對定位，top爲容器高度50%，margin-top設置爲下拉列表的高度的1/2   

<div style="width:300px;height:200px;background:red;position:relative; ">
          <select style="position:absolute;top:50%;margin-top:-11px;height:22px;">
            <option>11</option>
            <option>11</option>
            <option>11</option>
          </select>
    </div>

方法2：使用line-height,父容器高度與行高都設置爲200

          原本以爲這樣就能夠，事實不是這樣的，若是容器中只有<select>,仍是向上貼近父容器顯示，可是隻要加上一些其餘內容

          如文本、空格、或其餘標籤，就能夠居中了，讓人困惑的時父容器中有兩個下拉列表時也能居中，

         效果是出來，至於緣由仍是真是不清楚

    <div style="width:300px;height:200px;background:green;line-height:200px;">
         <select>
            <option>11</option>
            <option>11</option>
            <option>11</option>
          </select>

           &nbsp;
    </div>