如何让select 的每一个option 中的文字水平居中？
设置样式如下 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就可以了。
扩展资料：
注意：
readset writeset exceptset指定我们要让内核测试读、写和异常条件的描述字。如果对某一个的条件不感兴趣，就可以把它设为NULL。如果三个指针都为NULL，我们就有了一个比sleep()函数更为精确的定时器（sleep()以毫秒为最小单位，这个以微秒为单位）。
select使用描述字集，典型地是一个整数数组，其中每个整数中的每一位对应一个描述字。假设使用32位整数，那么该数组的第一个元素对应于描述字0~31，第二个元素对应于描述字32~63，依此类推。所有的实现细节都与应用程序无关，它们隐藏在名为fd_set的数据类型和以下四个宏中：
void FD_ZERO (fd_set *fdset); // clear all bits in fdset
void FD_SET (int fd,fd_set *fdset); // turn on the bit for fd in fdset
void FD_CLR (int fd,fd_set *fdset); // turn off the bit for fd in fdset
intFD_ISSET(int fd,fd_set *fdset); // is the bit for fd on in fdset
用下面的方式可以，测试过FireFox以及Chrome，没有试过IE。
<style type="text/css">
.s_center {
width: auto;
padding: 0 2%;
margin: 0;
}
.s_center option{
text-align: center;
}
</style>
<select class="s_center">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
要点：
必须设置select的padding，留意：padding: 0 2%; 前面的0表示上下，后面的值表示左右，这个值设置为1%都可以，但是不能是0,值越大，select就越长。
不要设置select的宽（width），auto就可以了。
试试看吧。
但是前提是我的select 是设定了宽的，因为是在表格中，不设定宽的话，好难看。
现在是我在option 前面加了 ,但是发现在不同的浏览器下，看的效果也是不一样的~
这个问题也可以有别的解决办法：
不设置select的宽度，你可以设置select外围容器的宽度，效果可以一样；
调整padding的值，因为外围容器宽度是固定的，所以这个值也是可以调整的；
在每个浏览器下显示不一样是正常的，因为每个浏览器的内核的不同，在处理html以及样式的时候也会有一定的差别，只是要调整参数或者增加css hack来达到尽量一致，以求兼容。
大致思路是这个意思了，具体的还得自己调整。
下面是一个改进了的例子：
<style type="text/css">
.s_center {
width: auto;
padding: 0 50%;
margin: 0;
}
.s_center option{
text-align: center;
}
</style>
<div style="width: 400px; border: 1px solid silver;">
<select class="s_center">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style type="text/css">
.s_center {
width: auto;
padding: 0 2%;
margin: 0;
}
.s_center option{
text-align: center;
}
</style>
<select class="s_center">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
要点：
必须设置select的padding，留意：padding: 0 2%; 前面的0表示上下，后面的值表示左右，这个值设置为1%都可以，但是不能是0,值越大，select就越长。
不要设置select的宽（width），auto就可以了。
CSS:
.s_center {
width: auto;
padding: 0 0 0 20px;
margin: 0;
}
option中的值是以最长的文本确定整个下拉选项的内容宽度的，文本太短的可以用占位符调整位置；
