设置select和option的文字居中的方法

Posted 2020-09-30 H.U.C-王子

给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就越长。

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