Html 删除标签下方的边距/填充/空格
在这张图片上,你会看到a链接旁边的标签 两者的CSS:Html 删除标签下方的边距/填充/空格,html,css,Html,Css,在这张图片上,你会看到a链接旁边的标签 两者的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
.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;
}
如何删除标签下方的空间?问题在于行高
.btn {
line-height: 1.4em;
}
哪一个是链接?请提供一个包含标记和css的JSFIDLE。您可以用小提琴或其他东西重新创建吗?额外的间距来自代码中的其他地方。使用开发工具检查可能要找到问题,这里有fiddle或display块,或display:inline块,它们都有