2014-02-05 108 views
0

在此圖片上,您會在a-link旁邊看到標籤。刪除標籤下方的邊距/填充/空格

enter image description here

CSS兩種:

.btn { 
    zoom: 1; 
    vertical-align: baseline; 
    cursor: pointer; 
    text-align: center; 
    text-decoration: none; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    background: #666; 
    color: #fff; 
    display: inline-block; 
    padding: 10px 15px; 
    text-align: left; 
    font-size: 1em; 
    border: 0; 
    margin: 0; 

    -webkit-transition: background 0.2s ease-in-out; 
    -moz-transition: background 0.2s ease-in-out; 
    -ms-transition: background 0.2s ease-in-out; 
    -o-transition: background 0.2s ease-in-out; 
    transition: background 0.2s ease-in-out; 
} 

如何去掉標籤下方的空間?

+3

哪一個鏈接?並請提供一個包含您的標記和CSS的jsfiddle。 – gearsdigital

+2

你可以在小提琴或其他東西中重新創作嗎? –

+2

額外的間距來自代碼中的其他位置。使用開發工具檢查可能會發現問題,這裏是小提琴 http://jsfiddle.net/35fL6​​/ – toast

回答

0

問題是行高

.btn { 
line-height: 1.4em; 
} 

enter image description here