如何设置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的文字不能水平居中