对齐文本在IE中的按钮

我试图在IE中使用CSS创建一个小按钮，但标题不是垂直居中......我该怎么做？对齐文本在IE中的按钮

“vertical-align：middle;”有没有效果:(

这里是我的CSS ...

.tinyButton 
{ 
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; 
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; 
    box-shadow: inset 0px 1px 0px 0px #ffffff; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1)); 
    background: -moz-linear-gradient(center top, #ffffff 5%, #d1d1d1 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5'); 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 2px; 
    border-bottom-left-radius: 2px; 
    border-bottom-right-radius: 2px; 
    border-bottom-top-radius: 2px; 
    border-bottom-top-radius: 2px; 
    border: 1px solid #dcdcdc; 
    color: #777777; 
    font-family: verdana; 
    font-size: 8px; 
    padding: 1px 2px; 
    height: 14px; 
}

谢谢！魔

来源

2012-01-16 MojoDK

你已经尝试：

vertical-align: middle;

编辑：高度按钮需要调整以适合文本

来源

2012-01-16 10:27:29 Elen

呀 - 这没有任何影响。 :( – MojoDK 2012-01-16 10:33:11

哪IE你测试它吗？ – Elen 2012-01-16 10:38:04

没有垂直对齐，我已经改变你的代码高度：16px;并在IE 9文本完全在按钮的中间.. – Elen 2012-01-16 10:42:29

尝试设置例如较小的line-height：

line-height: 5px

，如果它的IE7唯一可以做的是这样的：

*line-height: 5px;

来源

2012-01-16 10:45:26 hennson

调整与填充
填充： 3px 13px 5px;
除去属性高度
添加的属性
浮动：左;

CSS

 
    .tinyButton { 
     -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; 
     -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; 
     box-shadow: inset 0px 1px 0px 0px #ffffff; 
     background: -webkit-gradient(linear, left top, left bottom, 
     color-stop(0.05,#ffffff), color-stop(1, #d1d1d1)); 
     background: -moz-linear-gradient(center top, #ffffff 5%, #d1d1d1 100%); 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', 
     endColorstr='#e5e5e5'); 
     -moz-border-radius: 3px; 
     -webkit-border-radius: 3px; 
     border-radius: 2px; 
     border-bottom-left-radius: 2px; 
     border-bottom-right-radius: 2px; 
     border-bottom-top-radius: 2px; 
     border-bottom-top-radius: 2px; 
     border: 1px solid #dcdcdc; 
     color: #777777; 
     font-family: verdana; 
     font-size: 8px; 
     padding: 3px 13px 5px; 
     float:left; 
    }

来源

2013-10-20 06:04:08 Akhil

对齐文本在IE中的按钮

回答

相关问题