如何设置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就越长。

2.不要设置select的宽(width),auto就可以了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,350评论 0 11
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,659评论 0 26
  • 看完《摔跤吧,爸爸》这部影片后,很是惊讶这部电影为何受到大家的热捧,也许大家被吉塔自小刻苦训练,最终赢的国际大奖的...
    爱与黑暗的故事阅读 387评论 0 0
  • 如果,我问你:“爱,是什么?” 你要怎么回答我?要以什么方式回答我? 或许,你也如我想法,把爱理解的...
    付妮阅读 186评论 0 1