如何设置select和option的文字居中?
2017-12-24 19:23
267 查看
今天在设置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就越长。
2.不要设置select的宽(width),auto就可以了。
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就可以了。
相关文章推荐
- 设置select和option的文字居中的方法
- 如何设置一个textview的文字显示为垂直居中,水平居左呢
- 容器的高度height使用百分比时,如何设置可以使里面的文字垂直居中。
- 解决如何通过循环来使用数据库的值设置jsp的select标签的option值
- 如何设置select-option的多项起始默认值
- 在一个div内,动态添加一段文字,如何设置为不管内容多少都以 上下垂直居中 的形式展现?
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- 在IE8中使用padding设置select控件文字垂直居中
- 如何将ToolBar 样式设置Title文字水平居中
- 如何通过js动态设置select中option选中
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- 如何设置图片于文字居中
- JTextField中如何设置让文字居中显示
- 如何设置a标签的宽高,如何使a标签的文字垂直居中
- 在IE8 FF中使用padding设置select控件文字垂直居中
- ios 开发中,如何设置 uitabbar 里面 tabbaritem 不显示文字,只显示图片,图片垂直居中?
- 设置文字在div中垂直居中,使用line-height
- jQuery插件DIY:设置左右select的option的互相移动
- 设置文字居中显示的三句代码
- UIButton 设置图片和文字上下居中显示