2014-02-05 74 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