如何設置select和option的文字居中（通過padding將寬度撐開而不是設置width）

一、設置select和option的文字居中

今天在設置option文字居中時發現，給select設置text-align:center在火狐瀏覽器下ok，但是在chrome瀏覽器無效，然後option在兩個瀏覽器下設置text-align:center都是無效的，解決方法，設置樣式如下

select{

      width: auto;
      padding: 0 2%;
      margin: 0;

}

option{

      text-align:center;

}

1.必須設置select的padding，留意：padding: 0 2%; 前面的0表示上下，後面的值表示左右，這個值設置爲1%都可以，但是不能是0,值越大，select就越長。實質使用padding左右的大小來控制select選擇框的大小

2.不要設置select的寬（width），auto就可以了。

二、設置select文字居中

select {

      text-align: center;

      text-align-last: center;

}

這樣有一個缺點就是select中的option的文字不能水平居中