如何设置select和option的文字居中
2个回答
展开全部
用下面的方式可以，测试过FireFox以及Chrome，没有试过IE。
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就可以了。
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就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
