對齊文本在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中的按鈕

回答

相關問題