首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我想垂直对齐选择框中的文本

我想垂直对齐选择框中的文本
EN

Stack Overflow用户
提问于 2011-03-26 09:37:46
回答 13查看 135.2K关注 0票数 69

我想垂直对齐选择框中的文本。我试着用

select{
   verticle-align:middle;
}

然而,它在任何浏览器中都不起作用。默认情况下,Chrome似乎会将选择框中的文本居中对齐。FF将其与顶部对齐,IE将其与底部对齐。有什么方法可以做到这一点吗?我在UIBinder中使用GWT的Select小部件。

这是我目前所拥有的:

select{
    height: 28px !important;
    border: 1px solid #ABADB3;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

谢谢!

EN

回答 13

Stack Overflow用户

发布于 2014-02-12 18:56:10

我的解决方案是为select添加padding-top,只针对firefox,如下所示

// firefox vertical aligment of text
@-moz-document url-prefix() {
    select {
        padding-top: 13px;
   }
}
票数 10
EN

Stack Overflow用户

发布于 2014-07-24 01:01:37

到目前为止,这对我来说工作得很好:

line-height: 100%;
票数 3
EN

Stack Overflow用户

发布于 2019-04-10 06:10:42

display: flex;
align-items: center;
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5439782

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档