一千萬個為什麽

搜索

CSS - 為什麽這個不可見的邊距應用於我的<a>標簽css按鈕?

我遇到兩種類型的按鈕有問題。 它基本上是一個表單按鈕和一個CSS按鈕。我被告知CSS按鈕應該使用display:inline-block; 這使整個href標簽實際上看起來像一個按鈕。 但這種看不見的邊緣似乎搞砸了什麽。我嘗試將它們分成單獨的CSS類,但奇怪的是,在CSS按鈕上應用真正的邊距也會產生額外的余量。是什麽導致了這個?

你可以在這裏輕松看到它(低圖形): www.matkalenderen.no

基本上,代碼看起來像這樣:

      <input type="submit" value="Logg inn" class="button_blue" alt="ready to login"> 
      Glemt passord 

CSS

.button_red, .button_blue, .button_CSS_red, .button_CSS_blue {
    background-image:url("../img/sprite_buttons.png");
    background-repeat:no-repeat;
    border: none;
    color:#FFFFFF;
    display:inline-block;
    display:inline-block;
    font-size:12px;
    height:27px;
    width:98px;
}

.button_CSS_red, .button_CSS_blue {
    margin-top:20px;
}

最佳答案

剛剛找到答案:)

看起來我能夠通過應用大約31像素的行高來修復它。

轉載註明原文: CSS - 為什麽這個不可見的邊距應用於我的<a>標簽css按鈕?